無法在控制器中使用ng-repeat生成angularjs表？

Question

我有以下示例片段。我想通過ng-repeat在角度表中顯示我的json對象，這是我從angular controller腳本生成的。我做了以下，但我不知道爲什麼表不生成，它的數據沒有顯示。請讓我知道，我不知道這裏有什麼問題。可用Fiddle。

需要得到輸出smiliar像：

Text IND US UK AUS 
No 100 200 170 50 

HTML：

<div ng-controller="TestCtrl"> 
</div> 

app.js：

var testmodule = angular.module('myModule', []); 
testmodule.controller('TestCtrl', function ($scope) { 
    $scope.mydata = [{ 
    "a": ["IND", "US", "UK", "AUS"], 
    "b": ["100", "200", "170", "50"], 
    "c": "Text", 
    "d": "No", 
}]; 

var mytable= angular.element(' <div class="table-responsive"> <table class="table" ng-repeat="item in mydata track by $index"> <thead> <tr> <td>{{item.c}}</td><td ng-repeat="c1 in item.a track by $index">{{c1}}</td></tr></thead> <tbody> <tr> <td>{{p.d}}</td><td ng-repeat="d1 in p.b track by $index">{{d1}}</td></tr></tbody> </table> </div>'); 
console.log("mytable: "+JSON.stringify(mytable)); 
}); 

Answer 1

首先，我把HTML的HTML頁面而不是控制器中的元素。其次您試圖訪問p.d和p.b，但這些領域都在item從您的NG-重複（所以應該是item.d和item.b看起來是這樣工作的：

HTML：

<div ng-controller="TestCtrl"> 
    <div class="table-responsive"> 
     <table class="table" ng-repeat="item in mydata track by $index"> 
     <thead> 
      <tr> 
      <td>{{item.c}}</td> 
      <td ng-repeat="c1 in item.a track by $index">{{c1}}</td> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
      <td>{{item.d}}</td> 
      <td ng-repeat="d1 in item.b track by $index">{{d1}}</td> 
      </tr> 
     </tbody> 
     </table> 
    </div> 
</div> 

的JavaScript：

var testmodule = angular.module('myModule', []); 
testmodule.controller('TestCtrl', function ($scope) { 
    $scope.mydata = [{ 
    "a": ["IND", "US", "UK", "AUS"], 
    "b": ["100", "200", "170", "50"], 
    "c": "Text", 
    "d": "No", 
}]; 

}); 

工作Plunker：HERE

-

UPDATE： ，因爲它似乎要輸出的控制檯角元素，你應該知道，mytable的是角元素不是一個JSON對象，以便您將無法字符串化它。 ..