數組值傳遞給元素NG重複內

好吧，我有這樣的事情：數組值傳遞給元素NG重複內

<td>{{row.sku}}</td> 
<td>{{row.name}}</td> 
<td>{{row.type}}</td> 
<td>{{row.category.label}}</td> 
<td class="text-center">{{row.price | currency : "€"}}</td> 
<td>{{row.description}}</td> 
<td>{{row.state}}</td> 
<td class="text-center">{{row.amount}}</td>

，我想改變這種事情是這樣的

<td ng-repeat="row in displayed">{{row.[value]}}</td>

你能建議我，如果有一種方法？

來源

2015-11-19 Pds Ink

更多信息將是非常有益的。我不確定你目前正在努力完成什麼。 – Jesse

我想知道是否能夠遍歷所有的元件在第一碼塊與所述NG-重複指令，並通過槽[]括號中的數組的所有值，最終結果必須是相同的第一塊 –

array = [sku，name，type etc ..]; {{行。[數組元素]}} –

如下你可以這樣做：

<table> 
    <tr ng-repeat="row in vm.array"> 
    <td ng-repeat="(key,value) in row ">{{value}}</td> 
    </tr> 
</table>

這裏plunkr

來源

2015-11-19 16:54:40

這正是我在找 –

請參見下面的簡單例子。 demo plnkr

angular.module("myApp",[]) 
 
.controller("MyController", function($scope) { 
 
    $scope.displayed = [ 
 
    {"one":"one", "two":"two", "three":"three"}, 
 
    {"one":"1", "two":"2", "three":"3"}]; 
 
})

<html ng-app="myApp"> 
 

 
    <head> 
 
    <script data-require="[email protected]" data-semver="1.4.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body> 
 
    <h1>Test table</h1> 
 
    <table ng-controller="MyController"> 
 
     <tr ng-repeat="row in displayed"> 
 
     <td ng-repeat="(key,value) in row">{{row[key]}}</td> 
 
     </tr> 
 
    </table> 
 
    </body> 
 

 
</html>

來源

2015-11-19 17:30:36

數組值傳遞給元素NG重複內

回答

相關問題