使用AngularJS或Javascript在选择列表中创建复选框

Question

我正在寻找一个与此类似的多选复选框解决方案：http://blog.cbolson.com/mooselect-select-list-2-sliding-checkbox-list/

我不是在寻找JQuery的东西，所以请不要JQuery的答案。这个已经存在于AngularJS或原始Javascript中，或者有关如何制作这样的东西的指导是什么？

Answer 1

它只是您自己创建的自定义组件，没有任何复杂。它更多的是关于html-markup，而不是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。