javascript - 使用 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/