如何使用 DB MeanStack 绑定 angular 中的复选框
How to bind checkbox in angular with DB MeanStack
大家好,我使用 angularjs ng-repeat。我想根据 db 值绑定复选框 true 或 false.but 复选框不会 check/uncheck 是否 db值是真的吗?
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>
删除可编辑复选框中的电子名称和电子表单属性,并将复选框 ngmodel 与数据库中的数据绑定,它将起作用。例如:
<span editable-checkbox="contacts.Number" onaftersave="Dhkclick(contacts._id,contacts.Number)">
{{ contacts.Number|| 'empty' }}
更新
请确保contacts.Number是布尔值,如果是字符串先转换成布尔值
angular.forEach($scope.contactdetail, function (v) {
if (v.Number === 'true') {
v.Number = true;
} else if (v.Number === 'false') {
v.Number = false;
}
});
更新 JsFiddle Link : http://jsfiddle.net/ts3LxjLc/9/
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>
删除可编辑复选框中的电子名称和电子表单属性,并将复选框 ngmodel 与数据库中的数据绑定,它将起作用。例如:
<span editable-checkbox="contacts.Number" onaftersave="Dhkclick(contacts._id,contacts.Number)">
{{ contacts.Number|| 'empty' }}
更新
请确保contacts.Number是布尔值,如果是字符串先转换成布尔值
angular.forEach($scope.contactdetail, function (v) {
if (v.Number === 'true') {
v.Number = true;
} else if (v.Number === 'false') {
v.Number = false;
}
});
更新 JsFiddle Link : http://jsfiddle.net/ts3LxjLc/9/