vendredi 4 septembre 2015

how to unchecked check box generated by ng-repeat?

I have check boxes in my application. I put it inside directive. Now the problem is I want to unchecked any of checked boxes from controller. I am able to unchecked all checkboxes but not particular one. Is there any way to tell the directive to unchecked the checkbox by setting model value to false.

DIRECTIVE:

 .directive('filterCheckbox', ['$compile', function ($compile) {
        return {

            link:function(scope,element,attrs){
                var temp = '<div class="check-box pull-left">' +
                    '<span  class="ft" data-ng-class="{\'active\': '+attrs.ngModel+' ,\'inactive\':'+!attrs.ngModel+'}"></span>' +
                    '</div>' +
                    '<input type="checkbox"  data-ng-model="'+attrs.ngModel+'" class="hide" data-ng-click="getFilteredAttrs(this)">'

                element.html($compile(temp)(scope));

               scope.$on('clear-filter',function(){
                   scope[attrs.ngModel] = false;
                });

                scope.$on('selected-filter',function(event,args){
                    //console.log('scope data',args);
                    //console.log('scope ', scope[attrs.ngModel]);
                });
            }
        }


  HTML:
<div class="inner-filter-section col-xs-3">
   <h5 class="nova-bold">Status</h5>
      <div class="outer-filter-section">
        <div class="filter-option" ng-repeat=" status in filterStatusItems">

<label data-filter-checkbox class="pull-left filter-checkbox" ng-model="active" data-ng-click="setFilterObj('status')"></label>
      <span class="options">{{status}}</span>
       </div>
       </div>
  </div>

JS:

$scope.filterStatusItems = ['Success','Pending','Failed','Running','Timeout','Flow Import','Shared','Credits'];




Aucun commentaire:

Enregistrer un commentaire