jsonの内容を持つテーブル内の動的に生成する行

Question

私はテーブルを持っていて、angularjsの下のjsonからデータをフェッチする必要があります。そのテーブルでは、jsonから動的にidを取得する必要があります。 この "id"は、以下のjson "id"属性から来るはずです。 "id"が繰り返されている場合、繰り返される "id"はそのデータと共に来るはずです。私はjsonデータを取得できましたが、 "id"を動的に取得することはできませんでした。

<table id="example" class="display spacing-table" cellspacing="0" width="100%" > 
     <thead style="display:none;"> 
      <tr> 
       <th>sample</th> 
       <th>sample</th> 
       <th>sample</th> 

      </tr> 
     </thead > 



     <tbody> 
     <tr ng-repeat="x in names" ng-show="show=={{$index}}"> 
     <td><img src="images/Project-icon.png">{{x.Name}}</td> 
     <td>{{x.City}}</td> 
     <td>{{x.Country}}</td> 
     </tr> 


     </tbody> 
    </table> 

angular.module('TabsApp', []) 
.controller('TabsCtrl', ['$scope', function ($scope) { 

    $scope.show = 1; 
    //alert('hi'); 
    $scope.names =[ 
    { 
    "Name" : "Max Joe", 
    "City" : "Lulea", 
    "Country" : "Sweden", 
    "id":"1" 
    }, 
    { 
    "Name" : "Manish", 
    "City" : "Delhi", 
    "Country" : "India", 
    "id":"2" 
    }, 
    { 
    "Name" : "Koniglich", 
    "City" : "Barcelona", 
    "Country" : "Spain", 
    "id":"1" 
    }, 
    { 
    "Name" : "Wolski", 
    "City" : "Arhus", 
    "Country" : "Denmark", 
    "id":"3" 
    } 
];  
}]); 

Answer 1

正解

<tr ng-repeat="x in names" ng-show="show=={{x.id}}"> 
     <td><img src="images/Project-icon.png">{{x.Name}}</td> 
     <td>{{x.City}}</td> 
     <td>{{x.Country}}</td> 
     </tr>