javascript - Reverse checkbox value in angular2 - Stack Overflow

admin管理员组

文章数量:1426954

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; });
    }
  };
})

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; });
    }
  };
})

• javascript
• angular
• checkbox

Share Improve this question Follow edited Jun 15, 2017 at 3:41 Vamshi 9,36144 gold badges4040 silver badges5555 bronze badges asked Jun 15, 2017 at 2:02 kplateskplates 73011 gold badge77 silver badges1717 bronze badges 2

• you mean making it false if its true? – Sajeetharan Commented Jun 15, 2017 at 2:03
• 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 Commented Jun 15, 2017 at 2:05

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

why you need directive for this simple thing

you can achieve like this

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

本文标签： javascriptReverse checkbox value in angular2Stack Overflow