使用角度ng-repeat从对象动态创建HTML表行

Question

首先，HTML角度代码正在“模板”节点的Node-RED中使用。

我有一个由电路板组成的对象，该电路板由序列号标识。每个电路板都有两个通道，每个通道都有自己的输出。

这些数字可能会更改，例如，将来某些电路板将具有更多通道，或者我将向系统中添加另一块电路板。因此，我大概需要使用嵌套循环来创建表，以遍历消息对象并提取当时存在的任何信息。

我通过ng-repeat遍历每个电路板的通道，成功地使用ng-repeat为每个电路板构建了单独的表。但是我更希望每个通道的每个单板都有一个主表，以便可以根据设定值的状态对该表进行排序。

这是我的对象：

Members.Member__id AS Member__id

这是我目前正在尝试的代码（我猜我在这里做错了很多事情...）：

id

我希望表格看起来像这样：

到目前为止，我的代码只给了我标题。预先感谢您的帮助！

Answer 1

使用(key, value)指令的ng-repeat形式：

<tbody ng-repeat="(serialNum, serialVal) in msg.boardMsg.serialNum">
    <tr ng-repeat="(channelNum, channelVal) in serialVal.channel">
        <td> {{serialNum}} </td>
        <td>{{channelNum}}</td>
        <td ng-style = "{color : channelVal.status === 'stopped' ? 'red' : 'green'}">
          {{channelVal.status == "stopped" ? "stopped" : "running"}}
        </td>  
        <td>{{channelVal.value}}</td>
        <td>{{channelVal.setpoint}}</td>
    </tr>
</tbody>

有关更多信息，请参见

• AngularJS ng-repeat Directive API Reference - Iterating Over Object Properties