How to bind checkbox in angular with DB MeanStack

Question

hi all i work with angularjs ng-repeat .i want to bind checkbox based on db value true or false.but checkbox will not check/uncheck whether db value is 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>

what is the response from db of contacts.Active

nivas
– nivas

2017-03-10 12:07:44 +00:00
Commented Mar 10, 2017 at 12:07 — nivas
– nivas, Commented Mar 10, 2017 at 12:07
its true or false value @nivas

jose
– jose

2017-03-10 12:16:02 +00:00
Commented Mar 10, 2017 at 12:16 — jose
– jose, Commented Mar 10, 2017 at 12:16

digit · Accepted Answer · 2017-03-12 07:32:43Z

1

Remove e-name and e-form attirbutes in the editable-checkbox and bind the checkbox ngmodel with data from db and it will worked. For eg:

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

Update

Please make sure contacts.Number is boolean, if it is a string convert it to the boolean first

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

Update JsFiddle Link : http://jsfiddle.net/ts3LxjLc/9/

edited Mar 12, 2017 at 7:32

answered Mar 10, 2017 at 12:32

digit

4,5653 gold badges30 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

jose Over a year ago

it's hard coded means works fine i get value from DB but it's won't checked kindly verify@digit

digit Over a year ago

It's not the checkbox issue, it's data from db issue. Please check that the value from db is a boolean and not a string.

jose Over a year ago

hi @digit i edit mu post now check it's contain any mistake

digit Over a year ago

contacts.Number is a string value. Convert it to boolean. I'll update my answer

jose Over a year ago

it's work's and correctly. i need when page load directly shows checkbox checked/unchecked .not show true or false

|

Collectives™ on Stack Overflow

How to bind checkbox in angular with DB MeanStack

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related