ng-click="tab = $index" 不能在角度工作

Question

我的应用中有这个：

<li ng-repeat="name in tabs track by $index" ng-class="{selected: tab==$index}" ng-click="tab = $index">{{name}}</li>

它不起作用，当我点击该项目时，选定的类被启用（我点击的每个 li 都有这个类，当我点击其他 li 时它不会被删除）并且选项卡没有更新，当我使用它时它工作：

<li ng-repeat="name in tabs track by $index" ng-class="{selected: tab==$index}" ng-click="switchTab($index)">{{name}}</li>

scope.switchTab = function(index) {
  scope.tab = index;
};

为什么会发生这种情况，为什么 ng-click="tab = $index" 不起作用？

Answer 1

你有错别字，改成：

scope.switchTab = function(index) {
  scope.tab = index;
};

您使用了$index，即使您的函数中的参数是index。

编辑： 它使用函数而不是直接赋值的原因是ng-repeat 创建了一个新范围。当你这样做时： tab = $index 你在那个新作用域上创建了一个新变量，而不是在你认为的 $scope 上更新那个变量。

请参阅this question 了解更多详细信息。