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

时间:2014-10-28 12:03:40

标签: javascript angularjs

我在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>

1 个答案:

答案 0 :(得分:0)

这不会起作用,因为项目[&#34; Sub.Start&#34;]不存在。

您的收藏必须采用以下结构:

{     根:&#34; B&#34;,     &#34; Sub.Start&#34;:&#34; T&#34; }