ng-switch 中的 AngularJS $index答案

【问题标题】：AngularJS $index inside ng-switchng-switch 中的 AngularJS $index
【发布时间】：2015-01-24 12:51:38
【问题描述】：

我正在尝试访问 $index 或 ng-repeat 并将其放入 ng-switch-when 中。 Here is the last thing I have tried。我正在尝试做的一小部分：

<li ng-repeat="contact in contacts" ng-switch on="MenuSelected">
 <span ng-switch-when="$index">{{ contact }} {{$index}}</span>
</li>

MenuSelected 例如，我在控制器中定义了 0，并且我有 2 个联系人进行测试。我试图将ng 的东西混合在不同的标签中，然后一切都下降了（只显示线条），所以我认为这不是问题。当我删除 $index 并放置例如 0 时，一切都会显示出来。

【问题讨论】：

【解决方案1】：

ngSwitch 不能使用表达式

推荐这个doc

请注意，要匹配的属性值不能是表达式。它们被解释为要匹配的文字字符串值。例如，ng-switch-when="someVal" 将匹配字符串“someVal”而不是表达式 $scope.someVal

这意味着ng-switch-when="$index" $index 被视为字符串而不是索引值

改用 ngIf

    <span ng-if="$index == MenuSelected">{{ contact }} {{$index}}</span>

这是工作的Fiddle

【讨论】：