如何使用对象文字将重复绑定到表？

Question

我有一个名为ct.items.columns的对象......在里面我有两个字符串，“id”和“name”。

我想以角度绑定以构建一个包含两列的动态表..来自我的文字的“id”和“name”。

我试过了：

<table border ="1">
     <tr class="active">
       <th ng-repeat = "a in ct.items.columns">
    </tr>
</table>

我一无所获。我的控制器设置正确..我可以进行其他绑定。在对象ct.items中，我有两个属性..列和查询...以及列0 - id和1-name。

Answer 1

   <table border ="1">
      <th>
        <td>id</id>
        <td>name</td>
    </th>
       <tr class="active" ng-repeat ="item in ct.items.columns">
           <th >{{item.id}}</th>
           <th >{{item.name</th>
        </tr>
    </table>

Answer 2

我不确定你的对象，但你可以制作这样的动态表。

<div ng-controller="myCtrl">
    <table>
        <tr>
            <th ng-repeat="(heading,val) in ct.items.columns">{{heading}}</th>

        </tr>
        <tr>
            <td ng-repeat="(heading,val) in ct.items.columns">{{val}}</td>
        </tr>
    </table>
</div>

Working Demo

希望这有帮助。