【问题标题】:How to check dynamic model name in turnary condition?如何在三元条件下检查动态模型名称?
【发布时间】:2017-06-17 06:41:50
【问题描述】:

我想通过 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

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

【问题讨论】:

    标签: javascript angularjs string angularjs-ng-repeat angularjs-ng-model


    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-09-06
      • 2019-01-11
      • 2014-03-07
      • 2017-04-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多