如何在三元条件下检查动态模型名称？

Question

我想通过 ng-repeat 动态生成一些 expand/collapse 箭头并想添加 class，该项目是否使用三元条件展开：

<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>