2015-02-10 45 views
0

我知道如何做一個角度驗證。我期望做的是在頁面頂部顯示警告,如果在試圖提交的下列表單中存在任何錯誤。我該如何做到這一點?如果角度中存在任何表單錯誤,如何顯示div標記?

是否有表單。$ errors?如果在頁面上發生任何錯誤?

所以我可以做這樣的事情嗎?

<div id="errorInfoHeader" ng-show="formName.$errors"> 

回答

4

是的,你是在正確的軌道上:

formName.$invalid 

是你在找什麼。

<div id="errorInfoHeader" ng-show="formName.$invalid"> 

看到這個plunkr演示你想要做什麼: http://plnkr.co/edit/9Ny58FY9rv74sxXryKmh?p=preview

+0

好吧,質疑這種似乎工作,但形式聲明之後。如果div標籤在表單之前。它不執行。那麼如何讓它執行。 – Demodave 2015-02-10 17:52:48

+0

在您的控制器中,您可以將formName。$ invalid綁定到作用域上的另一個變量。然後使用該變量顯示/隱藏你的errorInfoHeader。 – restassured 2015-02-10 18:05:09

+0

你是如何做到的? – Demodave 2015-02-10 18:22:55

1

您可以使用$valid這樣的:

<div id="errorInfoHeader" ng-show="formName.$valid"> 
+0

$有效的是錯誤的項目 – Demodave 2015-02-10 18:23:22

相關問題