角度、関数から戻る前にダイジェストサイクルが完了するまで待ちますか？

Question

フィールドが空のときにユーザーがフォームを送信しようとすると、フィールドを赤でハイライトしたいとします。だから私はshowErrorsブール値をtrueに設定して送信し、条件付きでこの値に基づいてフィールドを要求しますng-required='showErrors'。

isValid関数を定義して、showErrorsの値を伝播できるようにダイジェストサイクルをトリガする関数を定義しますが、関数は私が望むように動作しません。フィールドが空の場合、サブミット・ボタンを最初にクリックすると、isValidがtrueを返し、それ以降のクリックでfalseが返されますが、フィールドが空の場合は常にfalseを返します。

isValid関数を有効にする前に、ダイジェストサイクルが伝播するのを待つようにするにはどうすればよいですか？個人的な経験から

https://plnkr.co/edit/wH6HfawquHJwR69AUPRI

Answer 1

フォームレベルのCSSを使用してhightlightを制御することが容易になるだろう。私たちは、ユーザが電子メールを選択した場合、電子メール入力フィールドのrequiredにのみ必要とされ、その後、入力された電話やメールに選択することができ、たとえば、動的requiredを設定する必要がある場合

ng-requiredを使用するために予約されています。

<form ng-class='{showErrors: showErrors}'> 
    <input required /> 
</form> 

.showErrors .ng-invalid { 
    border-color: red; 
}