如何在轉檯狀態下檢查動態模型名稱？

Question

我要產生一些伍重複動態收起/展開箭頭，並希望添加類，該項目擴展或不使用三元條件：

<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

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

Answer 1

你可以使用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>