2017-06-15 4 views
0

角度2のチェックボックスの値を逆転させるトラブルがあります。角度2のチェックボックスの値を逆にする

角度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; }); 
    } 
    }; 
}) 
+0

のように達成することができ、この単純なこと

ためのディレクティブを必要とする理由? – Sajeetharan

+0

ええ、私のオブジェクトの値は本当ですが、チェックボックスはfalseと表示されるはずです。 ngModelをfalseに変更することなく私は指示としてこのコードを作成することを望んでいたので、上記のコードのように再利用可能です – kplates

答えて

2

あなたがその真の場合は、それが偽作る意味この

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

これは私が期待したとおりに動作します。乾杯! – kplates

+0

素晴らしい!私の答えを受け入れることができますか?ありがとう – CharanRoot

+0

誰もこのソリューションの欠点を知っていますか?要素からngModelを省略して、exapleのために?それは私の最初の解決策でしたが、ngModelを元に戻すことはできませんでした。今のところそれはよく見えます:) – Luckylooke

関連する問題