如何循環數組的數組？

假設我有這樣的JSON字符串：如何循環數組的數組？

{ "subData" : [ ["a", "b", "c" , "d"] ] }

我不能循環通陣列中的數據，通過使用這樣的：

<tbody> 
    <tr ng-repeat="temp in subData"> 
     <td ng-repeat="value in temp"> 
      {{value}} 
     </td> 
    </tr> 
</tbody>

我錯過了什麼？

感謝

來源

2014-07-16 Kintarō

A * json字符串*你說...發佈包含'subData'的完整對象 – tymeJV

嗨，謝謝你的回覆。 json對象非常簡單。我更新了json示例。 –

確保數據正確地分配給作用域，即如果$ scope.data是$ scope.data = {「subData」：[[「a」，「b」，「c」，「d」]]};比你需要ng-repeat =「temp in data.subData」 – btm1

你把你的數據轉化爲$scope是否正確？

另外，我建議你使用track by $index當你截枝陣列，以避免數據的重複問題

JS：

angular.module('app', []) 
    .controller('appCtrl', function($scope) { 
     $scope.subData = [ ["a", "b", "c" , "a"], ["a", "a", "c" , "c"] ]; 
    });

HTML：

<table ng-app="app" ng-controller="appCtrl"> 
    <tbody> 
     <tr ng-repeat="temp in subData"> 
      <td ng-repeat="value in temp track by $index"> 
       {{value}} 
      </td> 
     </tr> 
    </tbody> 
</table>

Fiddle

來源

2014-07-16 18:24:17

-1

是你錯過table標籤 http://jsbin.com/wozido/1/edit

<table> 
     <tbody> 
     <tr ng-repeat="temp in subData track by $index"> 
      <td ng-repeat="i in temp track by $index"> 
      {{i}} 
      </td> 
     </tr> 
</tbody>

來源

2014-07-16 18:15:36 sylwester

這是不同的？ – tymeJV

標籤被遺漏 – sylwester

假設'table'標籤存在，這可能是相當安全的 - 問題似乎是'subData'不是'$ scope'變量名稱。 – tymeJV

工作對我來說，你有一個實際的表元素包裹的是TBODY？

<table> 
    <tbody> 
    <tr ng-repeat="temp in subData"> 
     <td ng-repeat="value in temp">{{value}}</td> 
    </tr> 
    </tbody> 
</table>

http://jsfiddle.net/86qsD/

來源

2014-07-16 18:17:26 Scottux

相關問題

如何循環數組的數組？

回答

相關問題