Question

我试图在$ index == 2时使用ng-repeat渲染div。在这种情况下，＆＃34;法国＆＃34;将显示索引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>

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

3 个答案: