angularJS：検証で入力が確認されました

Question

javascript/angularJSの新機能ですが、私がしなければならないことは単純かもしれませんが、実際にはわかりません。

<input id="myInput" type="checkbox" ng-checked="isChecked"> 

そして今、私は私のモデルににisChecked値が正しく更新されて実行するためにクリックしてください： は、私はこのようなチェックボックスを持っています。 これは簡単な部分です。 今、oncheckイベントのコントロールを追加する必要があります。言い換えれば： isCheckedが更新される前に、モデルの値を検証する必要があり、検証がfalseを返した場合、値isCheckedを更新しないでください。

Answer 1

あなたがチェックボックスがオンまたはオフされたときに、関数を実行する代わりにng-checkedのng-modelとng-changeを使用することができます。

<input id="myInput" type="checkbox" ng-model="myModel.isChecked" ng-change="checkboxChanged()"> 

あなたのコントローラでは、あなたが機能してイベントを処理することができますので、こと：

：

$scope.myModdel = { 
    isChecked = false //setting initial value for checkbox 
}; 
$scope.checkboxChanged = function() { 
    if(some validation error && $scope.myModel.isChecked) { 
    $scope.myModel.isChecked = false; // uncheck checkbox 
    } 
} 

ドキュメントで説明したように、両方のng-modelとng-checkedを使用しないでください10

[ng-checked]は、予期しない動作につながる可能性があるため、ngModelと一緒に使用しないでください。

あなたはそうのようなng-classを使用して、あなたのCSSの問題を解決することができます：

<input id="myInput" type="checkbox" ng-model="myModel.isChecked" ng-change="checkboxChanged()" ng-class="{'my-class-name': myModel.isChecked }">