Make checked input checkbox under condition

Question

I would like to set some items in list as checked, but under some condition.

<div data-ng-repeat="item in items>
     <input type="checkbox" checked==item.selected> {{item.name}}
</div>

Let's imagine that I have some fileld an array named items where every single item in it has defined property selected. Depending on value of it input checkbox should be checked or not.

http://stackoverflow.com/questions/15696416/what-is-the-best-way-to-conditionally-apply-attributes-in-angular — epascarello, Sep 07 '15 at 13:50
I am getting an error : cannot resolve tag -' {{condition.expanded}} ' — ruud, Sep 07 '15 at 13:56

score 1 · Answer 1 · answered Sep 07 '15 at 13:54

1

Try the below code:

<div data-ng-repeat="item in items>
     <input type="checkbox" ng-model="item.selected"> {{item.name}}
</div>

Hope this helps.

answered Sep 07 '15 at 13:54

Vipul Agarwal

1,513
3
14
24

This works, only change is ng-model="{{ item.selected }}" – ruud Sep 07 '15 at 15:32

Rayon · Answer 2 · 2015-09-07T16:58:59.823

Try this:

You can put your logic of conditions in ng-init as mentioned in example below:

angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.items = [{
      name: 'A'
    }, {
      name: 'B'
    }, {
      name: 'C'
    }];
    $scope.youCondition = function(item) {
      //Your logic
      if (item.name === 'A' || item.name === 'C') {
        item.selected = false;
      }
      else
      {
        item.selected = true;
      }
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
<html lang="en" ng-app="myApp">

<head>
  <meta charset="UTF-8">
  <title></title>
</head>

<body ng-controller="myController">
  <div data-ng-repeat="item in items">
    <input type="checkbox" ng-init="youCondition(item)" ng-model="item.selected">{{item.name}}
  </div>
</body>

</html>

Make checked input checkbox under condition

2 Answers2