使用 ng-if 和 ng-repeat 添加 div

Question

当 $index == 2 时，我正在尝试使用 ng-repeat 呈现 div。 在这种情况下，将显示“法国”索引 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>