如何在匝道条件下检查动态模型名称？

Question

我想通过ng-repeat动态生成一些展开/折叠箭头，并希望添加类，使用三元条件扩展或不扩展该项：

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