Question

我想创建一个HTML表，该表使用控制器中的（动态）列模型来根据此列模型呈现对象属性。我需要能够改变我们在控制器中定义的表列的顺序。

以下是一个例子：

myapp.controller('controller', function ($scope, $http) {
   // List of objects
  $scope.list = [
    { a : 1, b : 2, c : 3},
    { a : 2, b : 3, c : 4},
    { a : 3, b : 4, c : 5}
  ];
  // Properties to be displayed
  $scope.fields = [ "c", "b", "a" ];
});`

模板：

<table>
  <tr ng:repeat="item in list">
    <td ng:repeat="field in fields">
      {{item.<field>}}
    </td>
  </tr>
 </table>

所以，项目。应该类似于项目。[a | b | c]从属性a，b或c中呈现值。但我不知道如何使这种情况正常运作。

由于我对角度很新，我不确定这是不是一个好的方法，或者是否有任何其他好的解决方案来渲染这样的东西。

Answer 1

<table>
  <tr ng:repeat="item in list">
    <td ng:repeat="field in fields">
      {{ item[field] }}
    </td>
  </tr>
</table>

演示： http://plnkr.co/edit/QTCDvCdIAP0ndB1jJDe7?p=preview

angular.js ng中的动态模板值：重复迭代

1 个答案: