ng-repeatでng-ifを使ってdivを追加する

Question

$ index == 2のときにng-repeatでdivを表示しようとしています。 この場合、 "France"インデックス2が表示されます。何か助けていただければ幸いです。

$scope.Countries = [ 
{ Name : 'USA'}, 
{ Name : 'Japan'}, 
{ Name : 'France'}, 
{ Name : 'Canada'}, 
{ Name : 'China'}, 
]; 

<div ng-repeat="country in Countries> 
<div class="col-md-2" ng-if="$index == 2"> 
<a href="">{{country.Name}}</a> 
</div> 

Answer 1

ng-repeat divを閉じていないようです。問題になる可能性のあるものは、$track by indexがないことです。

<div ng-repeat="country in Countries track by $index"> 
    <div class="col-md-2" ng-if="$index == 2"> 
    <a href="">{{ country.Name }}</a> 
    </div> 
</div> 

Answer 2

なぜこれをやりたいですか？なぜインデックス2を表示しないのですか？

<div class="col-md-2"> 
    <a href="">{{ Countries[2].Name }}</a> 
</div> 

Answer 3

あなたはこのような何かを試すことができます。

<div ng-repeat="country in countries"> 
    <div class="col-md-2" ng-if="$index == 2"> 
     <a href="">{{country.Name}}</a> 
    </div> 
</div>