这是我编写的一小段代码,我认为它可能对正在寻找类似功能的人有所帮助:
li 元素上的自定义指令 - 单击它们选择/取消选择 li 元素并在数组中生成选定对象(可以在控制器下收集)
<div ng-app="myApp" ng-controller="myCtrl">
<ul>
<li>
<input type="text" ng-model="search_ms.title" />
</li>
<li
ng-repeat="x in items | filter:search_ms"
multi-select multi-select-item="x"
ng-class="{selected:x.checked}"
ng-click="getAllSelectedItems(items)">
{{x.title}} --> {{x.checked}}
</li>
</ul>
<ul>
<li>
<input type="text" ng-model="search_ss.title" />
</li>
<li
ng-repeat="x in items_ | filter:search_ss"
single-select
single-select-item="x"
unselect-all-items="items_"
ng-class="{selected:x.checked}"
ng-click="getAllSelectedItems(items_)">
{{x.title}} --> {{x.checked}}
</li>
</ul>
<div class="clearfloat">
</div>
<br/>
<br/>
<br/>
<p>
{{selectedItems}}
</p>
<br/>
<br/>
<br/>
<p>
{{unselectedItems}}
</p>
JS 小提琴:http: //jsfiddle.net/AjayBunga/NBhn4/230/
单选(如收音机)和多选(如复选框)都已实现。请建议我是否可以优化任何代码,或者是否可以以更简单的方式完成,因为我是角度指令的新手。
提前致谢。