无法在控制器中使用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对象，以便您将无法字符串化它。 ..