Handling Checkbox in angular js

Question

 div class ="col-lg-5 stylethistitle"> 
 <input type=" checkbox" ng-model = "checkedStatus">Show Deactivated Account</div>

I need to pass $scope.checkedStatus in my json request as false when it is selected and true when it is unselected.

I need that for showing deactivated accounts.

Included my JS Below

JS :

  $scope.checkedStatus = true;

$scope.viewAccount = function(){

              var json = {
        "json": {
    "request": {
      "servicetype": "6",
      "functiontype": "6014",
      "session_id": $rootScope.currentSession,
           "data": {
        "shortname": $scope.model.selectShortName,
        "groupzname": $scope.model.selectGname,
        "city": $scope.model.selectCity,
        "state": $scope.model.selectState,
        "country": $scope.model.selectCountry,
        "groupzcode": $scope.model.selectGcode,
         "activationstatus": $scope.checkedStatus,
        "details": false,
        "sortbasedon": $scope.groupzname,
        "offset":$scope.pagination
           }

    }
  }
};
                        $scope.sortkey='';
                        $scope.reverse=false;

              UserService.viewListAccount(json).then(function(response) {

                 if (response.json.response.statuscode == 0 && response.json.response.statusmessage == 'Success')
                        {
                   $scope.tableData = response.json.response.data;

                        }

            }); 
        };

score 0 · Answer 1 · answered Sep 22 '16 at 07:09

0

Assign a default value for $scope.checkedStatus in the controller. Set it to true or initial value.

Check doc here

answered Sep 22 '16 at 07:09

Salman

389
4
22

I did that , the problem is setting them to false when selected is real challenge for me . – Nicoleta Wilskon Sep 22 '16 at 07:15
@NicoletaWilskon just take the opposite value when passing it. !($scope.checkedStatus) will do the thing – Salman Sep 22 '16 at 07:18

score 0 · Answer 2 · answered Sep 22 '16 at 07:17

0

you need to set $scope.checkedStatus default to false. and then use it in your json like as -

"activationstatus":!($scope.checkedStatus)

answered Sep 22 '16 at 07:17

Shailendra Singh Deol

637
3
5

how to make them false when checked ?? – Nicoleta Wilskon Sep 22 '16 at 07:20
@NicoletaWilskon !($scope.checkedStatus) will automatically reverse the value of checkedStatus variable. You need not to do anything special – Shailendra Singh Deol Sep 22 '16 at 07:23
I understand that . But when unchecked I can use this, what if I make them checked .how to change the value I am passing in my json request. – Nicoleta Wilskon Sep 22 '16 at 07:30

Handling Checkbox in angular js

2 Answers2