0

我要产生一些伍重复动态收起/展开箭头,并希望添加类,该项目扩展或不使用三元条件:如何在转台状态下检查动态模型名称?

<a ng-repeat="i in [1,2,3]" ng-click="expandCollaps('selectedItem' + i.UniqueId)"> 
    <i class="material-icons {{selectedItem1 ? 'expanded' : '' }}">keyboard_arrow_right</i> 
</a> 

Angularjs功能:

$scope.expandCollaps = function (modalName) { 
    $scope[modalName] = $scope[modalName] ? false : true; 
} 

如何可以动态检查三元条件,如:selectedItem1,selectedItem2,selectedItem3

*更好的是,如果可以使用指令..

回答

3

你可以使用ng-class来实现你想要的。 这里是一个例子:

<a ng-repeat="i in [1,2,3]" ng-click="itemSelected[i] = !itemSelected[i]"> 
    <i class="material-icons" ng-class="{expanded : itemSelected[i]}">keyboard_arrow_right</i> 
</a>