AngularJS Messages を使用して単純なフォームを作成しています。基本的に私がしたいことは次のとおりです。
- ユーザーがフォームを送信すると、該当するすべてのエラーが表示され、送信が妨げられます
- ユーザーはフィールドを完成させ、フィールドから「フォーカスアウト」した後、エラーは 1 つずつ非表示になります ($touched ?)
最初のポイントは正常に機能していますが、2 番目の部分がわかりません。後でエラー メッセージをまったく非表示にすることはできません。簡単なものが欠けていると確信していますが、他の関連する質問はあまり役に立ちません。
何か案は?
<form name="orderForm"
ng-submit="orderForm.$valid && placeOrder()" novalidate>
<input type="text"
ng-model="orderParams.delivery_address.full_name"
name="fullName" required />
<p ng-message="orderForm.fullName.$error"
ng-if="orderForm.fullName.$invalid && orderForm.$submitted">
This field is required</p>
<input type="submit" value="Submit" />
</form>