2017-05-30 18 views
0

角度が新しく、controller.Dataからテーブルのデータをロードしようとしていますが、テーブルに表示されません。ここで何が問題になりましたか?

<script> 
    var app=angular 
       .module("intranet_App", []) 
       .controller('myCtrl', function ($scope, $http) { 
        $http.post("/Admin/getRolesList") 
        .then(function (response) { 
         console.log(response) 
         $scope.List= response.data; 
         console.log(List) 
        }); 
       }) 
</script> 

ここでは/Admin/getRolesListは私のコントローラ名とパスです。

HTML:

  <tbody > 
       <tr ng-repeat="x in List"> 
        <td>{{List.Id}}</td> 
        <td>{{List.name}}</td> 
       </tr> 
      </tbody> 

これは私の応答形式です:

enter image description here

答えて

1

あなたはArray.valueなどから値を取得している、それはArray[0].valueが好きすべきです。だから、おかげで:-) 1つの疑問をman.working代わりList.Id

   <tbody> 
       <tr ng-repeat="x in List"> 
        <td>{{x.Id}}</td> 
        <td>{{x.name}}</td> 
       </tr> 
      </tbody> 
+0

x.Idを使用して、 'X'は、ここでは何ですか?私たちは何の代わりのx権利を使用できますか?もし私が1,2,3を望むなら、idの代わりに...ここではループのために使っていますか? – user7397787

+1

ここで、 'x'は式のオブジェクト名です。詳細:https://www.w3schools.com/angular/ng_ng-repeat.asp –

1
//use track by for performance optimization.. 
     <tbody> 
      <tr ng-repeat="x in List track by $index"> 
       <td>{{x.Id}}</td> 
       <td>{{x.name}}</td> 
      </tr> 
     </tbody> 
+0

詳しくはhttps://docs.angularjs.org/error/ngRepeat/dupesを参照してください。 –

関連する問題