如何以角度显示动态子字段

How to display a dynamic sub field in angular

本文关键字：动态 字段 显示      更新时间：2023-09-26

我正在angular.js中编写一个动态表单应用程序，我一直在研究如何访问列表中的子对象。

我有一个对象集合和一个列表列集合。我希望根据指定的列显示集合中每个记录的字段。

下面列出的代码适用于某些对象，但不适用于其他对象。在该示例中，显示了Root，但没有显示Sub.Start。我理解为什么它不起作用，但我想知道如何让它发挥作用。

var collection = 
[
    {Root: 'B', Sub: {Start: 'T' }}
];
var columns = 
[
  { Field: 'Root' },
  { Field: "Sub.Start"},
];
<tr ng-repeat="item in collection">
    <td ng-repeat="column in columns" >{{ item[column.Field] }}</td>
</tr>

这将不起作用，因为项["Sub.Start"]不存在。

你的收藏必须是这样的结构：

{根："B"，"Sub.Start"："T"}

相关文章：