Question

Node-RED新手。我有一张数据表。我想要显示它。

状态字段将是＆＃34;使用中＆＃34;或＆＃34;未使用＆＃34;，具体取决于查询中的值。如果状态为＆＃34;使用中＆＃34;，我希望文本为绿色;如果状态为＆＃34;未使用＆＃34;，我希望文本为红色。

这显示在（仪表板）模板节点上，模板如下：

<div layout="row" layout-align="start center">
    <span flex><b>Station</b></span> 
    <span flex><b>Status</b></span>
    <span flex><b>Current Part</b></span> 
    <span flex><b>In Box</b></span>
    <span flex><b>Operator</b></span>
    <span flex><b>Boxes Filled</b></span>
    <span flex><b>Scrapped</b></span>
    <span flex><b>Rework</b></span>
</div>
<div layout="row" layout-align="start center" ng-repeat="x in msg.payload | limitTo:20">
    <span flex>{{msg.payload[$index].Station}}</span>

    if (msg.payload[$index].Status="In Progress" {
        <span flex style="color: green">{{msg.payload[$index].Status}}</span>    
    }
    else (
        <span flex style="color: red">{{msg.payload[$index].Status}}</span>
    }
    <span flex>{{msg.payload[$index].CurrentPart}}</span>
    <span flex>{{msg.payload[$index].CurrentQty}}</span>
    <span flex>{{msg.payload[$index].OperatorName}}</span>
    <span flex>{{msg.payload[$index].FullBoxesToday}}</span>
    <span flex>{{msg.payload[$index].ScrapToday}}</span>
    <span flex>{{msg.payload[$index].ReworkToday}}</span>
</div>

整个IF声明正在显示。我尝试了其他几种不同的方法......但没有运气。有什么想法吗？

节点 - 红色数据到仪表板 - 内联颜色格式？

0 个答案: