有效形式 - 顯示僅有1個錯誤總是[角]

我有效的使用模式我的表格/像下面的所有輸入要求：有效形式 - 顯示僅有1個錯誤總是[角]

<div class="crazy-error" ng-show="myFrom.email.$dirty && myFrom.email.$invalid"> 
    <span ng-show="myFrom.email.$error.required">INVALID: Required</span> 
    <span ng-show="myFrom.email.$error.pattern">INVALID: Pattern</span> 
</div>

此代碼的工作很酷，我不過我想只顯示上的錯誤都的時間，所以如果我有3個輸入：

名
電子郵件
顏色

例如，所有3個填充不正確顯示錯誤，只是從第一個無效始終。

很明顯它可以用類似下面的代碼爲每個錯誤顯示的div來完成：

<div class="crazy-error" ng-show="myFrom.email.$dirty && myFrom.email.$invalid && (myForm.name.$valid || myForm.color.$valid)">

但是，這看起來有點亂，只要形式成長起來，將有例如7個輸入邏輯成爲真的太複雜了。

有沒有一些好的方法總是顯示第一個錯誤，而不是所有的人？

來源

2016-05-17 Andurit

您可以使用ng-hide - https://docs.angularjs.org/api/ng/directive/ngHide和ng-if - https://docs.angularjs.org/api/ng/directive/ngIf指令來簡化條件。

來源

2016-05-17 10:36:32 user56690

嘿喬尼，你能提供一些例子嗎？我可能是錯誤的但是我覺得'ng-hide =「value」'和ng-show =「！value''是一樣的，另一方面'ng-if'的結果和其他方式一樣它（ng-if附加到DOM，ng-show，ng-hide只需設置css屬性） – Andurit

有效形式 - 顯示僅有1個錯誤總是[角]

回答

相關問題