0
這是一個已經被我寫的,認爲其可能會幫助一些一誰是尋找類似功能的一小段代碼,自定義指令:角JS - 符合UL-li元素爲單選按鈕和複選框
定製上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/
單選(像收音機)和多選(如複選框)已經實施。請建議我是否可以優化任何代碼,或者如果可以以更簡單的方式完成,因爲我是新的角度指令。
在此先感謝。