ng-if如果不比较ng-repeat中的$ index

在我的代码中，我想只打印数组中的第一个单词 ，而我正在使用ng-if条件。

HTML：

 
 
{{Word}}- {{$index}}
 
  

控制器：

 var myApp = angular.module('myApp', []); function MyCtrl($scope) { $scope.Words = ['Mon','Tue','Wed']; } 

正如你所看到我使用ng-if="$index === 0"然后打印div值但它想要工作，不知道为什么？

示例： http ： //jsfiddle.net/kevalbhatt18/twvy0j4a/3/

Answer 1

ngIf来自角度verison 1.2.1，但你使用1.0.3所以你的ng-if不起作用。 如果您将角度版本升级到最新版本，则可以正常工作。

否则我建议使用ngShow指令

在此上下文中使用ng-show ，只需使用$first作为数组中的show first元素

  
{{Word}}- {{$index}} 

小提琴

当我们使用ngIf和ngShow时：

ngIf指令根据{expression}删除或重新创建DOM树的一部分

ngShow指令根据提供给ngShow属性的表达式显示或隐藏给定的HTML元素

Answer 2

更好的方法是使用$first而不是比较$index

 
 
 
{{Word}}- {{$index}}
 
  

Answer 3

使用最新版本的AngularJS，应该可行。

Answer 4

只需使用ng-show它将工作:)

  
 
 
{{Word}}- {{$index}}