angular 1.x checkbox复选框的实现(新增、编辑)

• 先看效果：：

• 解决的问题有以下几点:
  1.新的页面的选中后如何将选中的值提交上去的
  2.编辑页面时候，能看到那些被选中

• 实现思路:

  1. 新增的时候的这些复选框的值是后台拿过来的，数据结构如下
     

  2. 在新增的控制器将上面接口拿到值赋值

 vm.data.font_ids = res.data.list

1. 查看view层面

<div class="form-group">
    <label class="col-sm-3 control-label">字体：</label>
    <div class="checkbox checkbox-info col-sm-6" ng-repeat="item in vm.data.font_ids track by $index">
        <input id={{item.id}} type="checkbox" ng-model="item.is_select" ng-true-value="1" ng-false-value="0">
        <label class=" text-center" for={{item.id}}>{{item.font_name}}</label>
     </div>
   </div>
</div>

• 解释：
  
  1. ng-repeat 的值是从控制层层面来拿来的值，然后循环赋值
  2. 对复选框的选中与否，angular有个内置的指令 ng-true-value/ng-true-false
  3. 这里的item.is_select 是前台自己添加一个字段判断是否选中的状态，在新增的时候不需要这个is_select这个字段，只有在编辑时候才需要

未完待续。。。。。