Reverse checkbox value in angular2

Question

Having some troubles reversing the checkbox value in Angular 2.

In Angular 1.x we could make a directive like below.

.directive('invertValue', function() {
  return {
    require: 'ngModel',
    link: function(scope, element, attrs, ngModel) {
      ngModel.$parsers.unshift(function(val) { return !val; });
      ngModel.$formatters.unshift(function(val) { return !val; });
    }
  };
})

Yeah the value is in my object is true however the checkbox should display as false. Without changing ngModel to false. i was hoping to create this as a directive so its reusable like the above code — kplates
– kplates, Commented Jun 15, 2017 at 2:05

CharanRoot · Accepted Answer · 2017-06-15 02:17:30Z

7

why you need directive for this simple thing

you can achieve like this

<input type="checkbox" [checked]="!value" (change)="value= !value" />

answered Jun 15, 2017 at 2:17

CharanRoot

6,3352 gold badges31 silver badges45 bronze badges

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

1 Comment

Luckylooke Over a year ago

Does anybody know a drawback of this solution? For exaple by omitting ngModel from the element? Because it was my first solution but I could not make ngModel reversed. For now it looks fine :)

Collectives™ on Stack Overflow

Reverse checkbox value in angular2

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related