コントローラにng-repeatを指定してangularjsテーブルを生成できませんか？

Question

私は以下のサンプルスニペットを持っています。私は私のangular controllerスクリプトから生成しているng-repeatを通して私の下のjsonオブジェクトを角度テーブルに表示したいと思います。私は以下を行ったが、なぜテーブルが生成されていないのか分からず、データが表示されない。私に知らせてください、私はここで何が間違っているのか分かりません。 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にアクセスしようとしていたが、これらのフィールドは、あなたのngのリピートからitemである（そう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オブジェクトです。 ..