javascript - 如何使用 DB MeanStack 以 Angular 绑定(bind)复选框

Question

大家好，我使用 angularjs ng-repeat 。我想根据 db 值 true 或 false 绑定(bind)复选框。但是复选框不会检查/取消检查 db 值是否为 true？

 serverjs// app.get('/contactdetail', function (req, res) {
console.log('I received a GET request');




db.contactdetail.find (function (err,docs) {

    console.log(docs);
    res.json(docs);

});});


controller var refresh = function () {
    $http.get('/contactdetail').success(function (response) {

        console.log('I received a GET request');
        $scope.contactdetail = response;

    });


};refresh();


  <tr ng-repeat="contacts in contactdetail><span  editable-checkbox="contacts.Number" e-name="Number" e-form="rowform" onaftersave="Dhkclick(contacts._id,contacts.Number)">{{ contacts.Number|| 'empty' }}
                                    </span></tr>

Answer 1

删除可编辑复选框中的电子名称和电子表单属性，并将复选框 ngmodel 与数据库中的数据绑定(bind)，它将起作用。例如:

<span editable-checkbox="contacts.Number" onaftersave="Dhkclick(contacts._id,contacts.Number)">
{{ contacts.Number|| 'empty' }}

更新

请确保contacts.Number是 bool 值，如果是字符串请先将其转换为 bool 值

angular.forEach($scope.contactdetail, function (v) {
      if (v.Number === 'true') {
         v.Number = true;
      } else if (v.Number === 'false') {
         v.Number = false;
      }
  });

更新 JsFiddle 链接:http://jsfiddle.net/ts3LxjLc/9/