反转 angular2 中的复选框值

kpl*_*tes 3 javascript checkbox angular

在 Angular 2 中反转复选框值时遇到一些麻烦。

在 Angular 1.x 中,我们可以创建如下所示的指令。

.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; });
    }
  };
})
Run Code Online (Sandbox Code Playgroud)

Cha*_*oot 7

为什么你需要这个简单的东西的指令

你可以这样实现

<input type="checkbox" [checked]="!value" (change)="value= !value" />
Run Code Online (Sandbox Code Playgroud)