angularjs的ui-select下拉框组件如何改成用checkbox多选？

Question

新接手一个老项目，用的是AngularJS,其中的下拉框组件是 ui-select ,多选时效果如下图：

现在的接到的需求是想让每个选项前添加一个复选框，通过勾选复选框来选择，最下方新增一个“全选”按钮，点击时再把已勾选的全部选中，类似下面效果：

没接触过angularjs，请问各位大神有见过类似的轮子可以参考或者其他什么办法吗？

Answer 1

用css写一个前面的单选框，把单选框和里面蓝色背景的勾这个两个分成两个组件来实现。

然后设置一个变量配合ngIf来判断是否显示单选框里的勾。

全选和重置就很简单了，无非就是操作数组的值而已。