angular.js ng:repeat迭代中的动态模板值

docsynder

我想创建一个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>

所以,项目。应该是类似于item。[a | b | c]之类的东西,以通过属性a,b或c呈现值。但是我不知道如何使这种情况正常工作。

因为我对angular还是很陌生,所以我不确定这是否是一个好方法,或者是否有其他不错的解决方案来渲染这样的东西。

tasseKATT
<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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

填充迭代器之前,Angular ng-repeat渲染模板

来自分类Dev

Angular.js。如何计算满足自定义过滤条件的ng-repeat迭代

来自分类Dev

ng-repeat中的Angular JS绑定范围数据形成

来自分类Dev

Angular.js显示ng-repeat值中的选定选项

来自分类Dev

Angular JS:无法在ng-repeat中为ng-model变量设置值

来自分类Dev

Angular JS:具有动态ng-model的ng-repeat

来自分类Dev

在ng-repeat angular js中获取html元素

来自分类Dev

Angular.js:过滤ng-repeat中的多个条件

来自分类Dev

如何更新Angular js中的ng-repeat值?

来自分类Dev

在ng-repeat Angular JS中获取更新的值

来自分类Dev

Angular JS:ng-repeat不在表标记中呈现

来自分类Dev

Angular JS中的动态配置

来自分类Dev

ng-repeat angular-js中的<br>标签

来自分类Dev

如何使用Angular.js在ng-repeat中检查数组值是否为空

来自分类Dev

如何在angular.js中使用嵌套的ng-repeat动态打印表行中的数组对象?

来自分类Dev

Angular.js ng-repeat在列表中不显示重复值,而仅显示不同的值

来自分类Dev

在Angular JS中跳过ng-repeat JSON排序

来自分类Dev

填充迭代器之前,Angular ng-repeat渲染模板

来自分类Dev

Angular JS。在ng-repeat中隐藏div

来自分类Dev

ng-repeat列表中的Angular JS Use modal

来自分类Dev

在angular-js的ng-repeat中插入竖线

来自分类Dev

指令模板Angular Js中的动态ui-sref

来自分类Dev

如何使用ng-repeat访问angular js中的键值?

来自分类Dev

来自不同ng-repeat Angular js的总和值

来自分类Dev

在Angular JS ng-repeat中使用动态数组键

来自分类Dev

angular js 中的 ng-repeat 问题,$scope 与视图绑定

来自分类Dev

如何删除angular js ng-repeat中键的重复值?

来自分类Dev

在angular js的嵌套ng-repeat中仅选择一个单选按钮值

来自分类Dev

ng-if 上的 ng-repeat 值 angular js

Related 相关文章

  1. 1

    填充迭代器之前,Angular ng-repeat渲染模板

  2. 2

    Angular.js。如何计算满足自定义过滤条件的ng-repeat迭代

  3. 3

    ng-repeat中的Angular JS绑定范围数据形成

  4. 4

    Angular.js显示ng-repeat值中的选定选项

  5. 5

    Angular JS:无法在ng-repeat中为ng-model变量设置值

  6. 6

    Angular JS:具有动态ng-model的ng-repeat

  7. 7

    在ng-repeat angular js中获取html元素

  8. 8

    Angular.js:过滤ng-repeat中的多个条件

  9. 9

    如何更新Angular js中的ng-repeat值?

  10. 10

    在ng-repeat Angular JS中获取更新的值

  11. 11

    Angular JS:ng-repeat不在表标记中呈现

  12. 12

    Angular JS中的动态配置

  13. 13

    ng-repeat angular-js中的<br>标签

  14. 14

    如何使用Angular.js在ng-repeat中检查数组值是否为空

  15. 15

    如何在angular.js中使用嵌套的ng-repeat动态打印表行中的数组对象?

  16. 16

    Angular.js ng-repeat在列表中不显示重复值,而仅显示不同的值

  17. 17

    在Angular JS中跳过ng-repeat JSON排序

  18. 18

    填充迭代器之前,Angular ng-repeat渲染模板

  19. 19

    Angular JS。在ng-repeat中隐藏div

  20. 20

    ng-repeat列表中的Angular JS Use modal

  21. 21

    在angular-js的ng-repeat中插入竖线

  22. 22

    指令模板Angular Js中的动态ui-sref

  23. 23

    如何使用ng-repeat访问angular js中的键值?

  24. 24

    来自不同ng-repeat Angular js的总和值

  25. 25

    在Angular JS ng-repeat中使用动态数组键

  26. 26

    angular js 中的 ng-repeat 问题,$scope 与视图绑定

  27. 27

    如何删除angular js ng-repeat中键的重复值?

  28. 28

    在angular js的嵌套ng-repeat中仅选择一个单选按钮值

  29. 29

    ng-if 上的 ng-repeat 值 angular js

热门标签

归档