創建一個複選框，在選擇列表與AngularJS或Javascript

Question

我找了一個多選擇複選框解決類同這一個：http://blog.cbolson.com/mooselect-select-list-2-sliding-checkbox-list/

我不是在尋找的東西ñJQuery的，所以請不JQuery的答案。這是否已經存在於AngularJS或原始Javascript中，或者有關如何做出這種事情的一些指導？

Answer 1

它只是您自己創建的自定義組件，沒有什麼複雜的。它更多關於html標記，但不是JavaScript。

例如AngularJS解決方案：

<div ng-controller="main"> 
    <div ng-click="toggle()"> {{count}} options selected</div> 
<div ng-show="showOptions"> 
    <label ng-repeat="option in options">{{option}}<input type="checkbox" ng-model="selected[$index]" ng-change="update()"/><br/></label> 
    </div></div> 

http://jsfiddle.net/STEVER/mhb2p/

Answer 2

我想你可以使用一些庫這一點。這是您可以使用的dropdown-check-list。

您還可以找到test cases here。