独家选择列表中的元素
问题描述:
我有我自己的无序列表:独家选择列表中的元素
<ul>
<li ng-class="{ 'active': selected }" ng-click="selected = !selcted">Stuff 1</li>
<li ng-class="{ 'active': selected }" ng-click="selected = !selcted">Stuff 2</li>
<li ng-class="{ 'active': selected }" ng-click="selected = !selcted">Stuff 3</li>
</ul>
我想要一类适用于用户选择列表项。一次只有一个项目可以拥有该课程。什么是最好的方法来解决这个问题?大约有十几个元素,所以我宁愿不为每个项目声明一个新的变量。
答
设置每个项目的属性:
<ul>
<li ng-class="{ 'active': selected == 1 }" ng-click="selected = 1">Stuff 1</li>
<li ng-class="{ 'active': selected == 2 }" ng-click="selected = 2">Stuff 2</li>
<li ng-class="{ 'active': selected == 3 }" ng-click="selected = 3">Stuff 3</li>
</ul>
+0
完美。谢谢! – 2014-10-17 14:53:08
答
如果你想角上下的使用NG-repat
HTML
<ul ng-repeat="s in stuffs">
<li ng-class="{active:$index==selected}" ng-click="selected=$index">{{s}}</li>
</ul>
JS
$scope.stuffs = ['Stuff 1', 'Stuff 2', 'Stuff 3'];
我会爱如果人们会解释他们downvotes :) – 2014-10-17 14:52:38