javascript - ng-switch inside ng-repeat Angularjs -

i have question how use ng-switch inside ng-repeat , use scope switch-on ?

example :

 <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.submenu :

 $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'             }]         }] 

so problem on ng-switch-when = "{{item.filter}}" <-- not recognize. output same code ng-swith-when="{{item.filter}}" insted of music. can ? thx anwsers !

exmaple picture <--upper menu , udner 50px height submenu no content ...

from ng-switch documentation:

be aware attribute values match against cannot expressions. interpreted literal string values match against. example, ng-switch-when="someval" match against string "someval" not against value of expression $scope.someval.

look using ng-if instead:

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