AngularJS：条件付きバインドが機能しない

Question

フォーム内の電子メールアドレスフィールドにユーザーの入力を検証しようとしていますが、無効な値を入力した場合にエラーメッセージが生成される範囲を作成しました。これは、スパンHTMLコードです：

<div ng-app="app" ng-controller='signupCtrl'> 
      <span style="padding: 2px 0 2px 16px; color: red;" ng-if="check_mail()">Please type a valid email address</span> 
      </div> 

私は条件付きでエラーメッセージ

を結合するためのng-ifタグを使用し、有効な電子メールアドレス

、およびチェックするcheck_mail()機能を入力してください。コントローラーsignupCtrlの値です。

check_mailは正常に機能します。しかし、エラーメッセージは一度も表示されませんでした。だから私のHTMLコードに何か間違っていますか？どのようにしてこの問題を解決することができますか？

ありがとうございました。

Answer 1

メールが無効な場合、関数check_mail（）はtrueを返しますか？それはdoesntの場合、それは基本的な質問ですが、check_mail（）関数の戻りブールをした場合、あなたは

<div ng-app="app" ng-controller='signupCtrl'> 
     <span style="padding: 2px 0 2px 16px; color: red;" ng-if="!check_mail()">Please type a valid email address</span> 
     </div>