AngularJS：條件綁定不起作用

我想驗證用戶輸入到表單內的電子郵件地址字段，並且我用來創建跨度，在輸入無效值的情況下生成錯誤消息。這是跨度HTML代碼：AngularJS：條件綁定不起作用

<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代碼有什麼問題嗎？怎麼可能解決這個問題？

謝謝。

來源

2016-05-23 Kais

對不起，如果這是一個基本的問題，但check_mail（）函數返回布爾值？ – erolkaya84

@ erolkaya84是的，它的確如此，我甚至在這個函數中只考慮了'return false;'。 – Kais

@ user6039980我們可以看到你的'check_mail'函數嗎？ –

是否函數check_mail（）在郵件無效時返回true？如果沒有，那麼你可能想嘗試

<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>

來源

2016-05-23 15:15:32

這正是我所要做的。感謝這個完美的答案！ – Kais

你剛剛竊取我的答案？ =（ – kugyousha

@kugyousha我沒有，我不能看到你發佈它的確切時間，它說你的評論和我的答案3小時，這不是一個非常複雜的答案，所以可以看到我們倆但是，如果你的第一次（再次，我看不到確切的時間），我沒有問題，你發佈一個答案和OP接受它作爲最佳答案。 –

AngularJS：條件綁定不起作用

回答

相關問題