angular.js ng中的動態模板值：重複迭代

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> 

所以，項目。應該是類似item。[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