Angular ng-pattern - 電子メールアドレスではない

Question

UserNameフィールドのユーザー入力が、Angularのng-patternを使用して電子メールアドレスの形式でないことを確認しようとしています。次のコードは、ユーザーが入力を開始するまでエラーメッセージが表示された状態でページをロードしますが、必要な結果を生成しているようです。ユーザーの入力が電子メールアドレスの正規表現と一致しない限り、エラーは消え去る。ページの読み込み時にそのメッセージを非表示にする方法と、正規表現が一致したときだけ表示する方法はありますか？ありがとう。

<div ng-show="!form.UserName.$error.pattern" class="errorMessage"> 
    Username is not your email address 
</div>  

<div class=" form-group"> 
    <label class="form-label" for="userName">Username</label> 
    <input class="form-control" ng-pattern="/^([a-zA-Z0-9])+([a-zA-Z0-9._%+-])+@([a-zA-Z0-9_.-])+\.(([a-zA-Z]){2,6})$/" /> 
</div> 

Answer 1

は、入力が

<div ng-show="form.UserName.$error.pattern && form.UserName.$touched" class="errorMessage"> 
    Username is not your email address 
</div> 

を "触れる" されたかどうかをチェックしてみてください