在 <li> 元素中单击时，角度类的活动程度如何

【问题标题】：How active a class in angular when do click in <li> element在 <li> 元素中单击时，角度类的活动程度如何
【发布时间】：2014-12-09 22:29:02
【问题描述】：

<ul>
  <li ng-click="catalog.selected = ''">ALL</li>
  <li ng-click="catalog.selected = 'uno'">UC</li>
  <li ng-click="catalog.selected = 'dos'">CEM</li>
  <li ng-click="catalog.selected = 'cuatro'">SMB</li>
  <li ng-click="catalog.selected = 'cinco'">OTHER</li>
</ul>

点击时任何类的活跃程度

并在点击其他时停用

（如菜单）

【问题讨论】：

标签： css angularjs angularjs-ng-click ng-class

【解决方案1】：

使用ng-class并设置条件：

<li ng-class="{'active' : catalog.selected == ''}" ng-click="catalog.selected = ''">ALL</li>
<li ng-class="{'active' : catalog.selected == 'uno'}" ng-click="catalog.selected = 'uno'">UC</li>
<li ng-class="{'active' : catalog.selected == 'dos'}" ng-click="catalog.selected = 'dos'">CEM</li>
<li ng-class="{'active' : catalog.selected == 'cuatro'}" ng-click="catalog.selected = 'cuatro'">SMB</li>
<li ng-class="{'active' : catalog.selected == 'cinco'}" ng-click="catalog.selected = 'cinco'">OTHER</li>

【讨论】：

好的，这很棒...但是如何将初始化类分配给
ALL
中的活动默认值）我尝试使用 ng-init 但不起作用...谢谢

ng-init="catalog.selected = ''"@Gerard