ng-repeat Angularjs 中的 ng-switch

Question

我有疑问如何在 ng-repeat 中使用 ng-switch 并使用范围进行开关？

例子：

 <div ng-repeat="item in submenu">
            <div class="animate-switch"  ng-switch-when="{{item.filter}}">
                <div class="navbar navbar-default navbar-static-top {{item.filter}}">
                    <div  class="navbar-collapse collapse" id="navbar-{{item.filter}}">
                        <ul class="nav navbar-nav subnav">
                            <li ng-repeat="subitem in item.sub" class="items"  >
                                <a ng-href="{{subitem.link}}" class="{{selected }}" ng-click="selectfiltersub(subitem.filter)">{{item.name}}</a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>

$scope.子菜单：

 $scope.submenu =[{
            name:'Glasba',
            filter:'music',
            sub:[{
                name:'Koncerti',
                filter:'Concerts'
            },{
                name:'Klasika',
                filter:'Clasic'
            },{
                name:'Elektronika',
                filter:'Elektro'
            },{
                name:'Indy',
                filter:'Indy'
            },{
                name:'Teater',
                filter:'Theater'
            }]
        }]

所以问题出在 ng-switch-when = "{{item.filter}}"

示例图片

Answer 1

来自ng-switchdocumentation：

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

考虑改用ng-if：

<div class="animate-switch"  ng-if="item.filter === 'music'">
  filter equals 'music'
</div>