ngRepeat 中 $index 的奇怪行为

Question

我正在使用 Ionic 框架，我有以下代码：

工作正常：

<ion-slide-box on-slide-changed="slideChange()">
    <ion-slide ng-repeat="selected in instanceList">
        {{$index}}
        <div ng-if="currSlide==$index || !currSlide">
            CONTENT
        </div>
    </ion-slide>
</ion-slide-box>

不起作用：

<ion-slide-box on-slide-changed="slideChange()">
    <ion-slide ng-repeat="selected in instanceList">
        <div ng-if="currSlide==$index || !currSlide">
             CONTENT
        </div>
    </ion-slide>
</ion-slide-box>

对于那些不熟悉 Ionic 的人来说，这个函数可以确保 currSlide 总是在更新它的值并且它总是和 $index 的值相同：

$scope.slideChange = function() {
    $scope.currSlide = $ionicSlideBoxDelegate.currentIndex();
};

更多细节：当我说第二个代码不起作用时：第一张幻灯片的内容出现了，但是当我更换幻灯片时，div的内容没有出现。在第一个代码中，一切看起来都很好（还有我正在打印的 $index）。

CODEPEN： http://codepen.io/anon/pen/mdsIr

Answer 1

{{$index}} 的双向数据绑定 {{}} 在指令中有 $watch，因此删除 {{}} 会删除更新幻灯片的 $watch。