首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在EJS中通过MySQL值显示不同的块?

如何在EJS中通过MySQL值显示不同的块?
EN

Stack Overflow用户
提问于 2019-05-22 16:02:05
回答 1查看 58关注 0票数 0

在我的Node.js项目中,我有一个表,我想在其中用颜色显示值的状态。对于所有状态值,我已经设置了一个JS变量,它应该替换MySQL输出。

经过长时间的搜索,我不知道如何在表中设置只能用特定颜色显示的JS变量。

代码语言:javascript
复制
<table class="table table-hover">
            <thead>
                <tr class="table-info">
                    <th>Name</th>
                    <th>Status</th>
                </tr>
            </thead>

        <% if (data) { 
            console.log("Anzahl Datensätze: " + data.length);
            data.forEach(function(game){ 

如何才能使这些变量在表列中将MySQL值显示为颜色?

代码语言:javascript
复制
            var green = 'style: "background-color: #00ff00"';
            var red = 'style: "background-color: #ff0000"';
代码语言:javascript
复制
        %>
        <tbody id="myTable">
            <tr>
                <td><%= game.g_name %></td>
                <td><%= game.g_status=='1'?red:green %></td>
            </tr>
        </tbody>
        <% }) %>
        <% } %>
</table>´
EN

Stack Overflow用户

回答已采纳

发布于 2019-05-22 16:29:20

你生成html代码的方式是错误的。通过替换代码中的greenred变量,<td>元素将如下所示:

代码语言:javascript
复制
<td>style: "background-color: #00ff00"</td>

为了获得想要的效果,只需要将元素的样式放在需要更改颜色的元素中,如下所示:

代码语言:javascript
复制
<td style="backgorund-color: <% game.g_status === '1' ? '#ff0000' : '#00ff00'%>">your data</td>

这样,生成的html代码将是:

代码语言:javascript
复制
<td style="backgorund-color: #ff0000">your data</td>
票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56251997

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档