angularjs: ng-message her zaman

Question

gösteriliyor

Açısal uygulamasında form doğrulama hatalarını görüntülemek için açısal mesajlar kullanıyorum. belgelerine göre, ben de açısal-messages.js dosyası ithal olarak benim javascript ngMessages direktifi dahil ettik

<form name="loginForm"> 
    <label class="item item-input"> 
    <input type="email" placeholder="Email" ng-model="data.email" name="email" required> 
    </label> 
    <div ng-messages="loginForm.email.$error" style="color:maroon"> 
    <div ng-message="required">Please input a valid e-mail address</div> 
    <div ng-message="email">You did not enter your email address correctly...</div> 
    </div> 
</form> 

aşağıdaki kodu kurduk.

Maalesef, bu iki mesaj sürekli olarak gösteriliyor. Giriş alanında yazdığımdan bağımsız olarak, geçerli bir e-posta olsun ya da olmasın. Her iki mesaj da her zaman gösterilir. Yalnızca bir ng mesajını dahil etmeye çalışırsam, sonuç aynıdır.

Neyi yanlış yaptığımı biliyormusunuz?

düzenleme: benim açıklama çok net değil durumda, bunun http://s9.postimg.org/du9230tdb/Screen_Shot_2015_06_26_at_17_09_24.png

Answer 1

Her şey paylaştığınız kodunda ince görünüyor sonucun baskı olduğunu.

( )

Angularjs documentation'dan.

Varsayılan olarak, ngMessages her seferinde yalnızca bir hata gösterecektir. Ancak, tüm mesajları görüntülemek istiyorsanız, ng-messages-multiple özniteliği bayrağı, bunun gerçekleşmesi için ngMessages yönergesini içeren öğede kullanılabilir.

Alan kirli olduktan sonra hataları göstermek isterseniz, lütfen bu link numaralı telefonu ziyaret edin.

ngMessage modülünü ve kitaplığı da dahil ettiğinizden emin olun. Lütfen Carlos's answer'a bakın.

Teşekkür

Answer 2

Sen gerçekte modülüne ngMessage dahil emin ol. Eğer bu hile benim günü kurtardı

<div ng-messages="loginForm.email.$error" ng-show="loginForm.email.$invalid && loginForm.email.$touched"> 
... 
</div> 

ile projeniz

<script src="/scripts/vendors/angular-messages/angular-messages.js"></script> 

Answer 3

kontrol etmek kütüphane dahil

var app = angular.module('app', [ 
    'ngMessages' 
]) 

... ve.