2016-03-27 34 views
0

Giriş etiketine iki onaylama uygulandığında md-input-container ile ilgili bir sorun yaşıyorum. Ben ng-model-options = "{updateOn: 'blur'}" kullanıyorum, ama sorun bu olmadan da olur. Örneğin:Açısal Malzeme: ikinci doğrulama iletisini göstermiyor

<md-input-container> 
    <label>Description:</label> 
    <input name="description" ng-model="list.description" type="text" ng-minlength="3" required /> 
    <div ng-messages="listForm.description.$error"> 
     <div ng-message="minlength">List description is too short</div> 
     <div ng-message="required">List description is required</div> 
    </div> 
</md-input-container> 

ben "Te" yazıp TAB tuşuna basarsanız, ng-MINLENGTH doğrulama mesajı gösterir. Fakat eğer girdiyi boş bırakıyorsam, gerekli mesaj gösterilmiyor (ama giriş olması gerektiği gibi dekore edilmiştir).

Aynı davranış burada tekrarlanabilir (https://material.angularjs.org/latest/demo/input). Erros -> Açıklama girdisinde, 30 karakterden daha fazla yazı yazıp girdiyi boşaltırsam, mesaj gösterilmez. Fakat doğru bir değer yazıp girdiyi boşaltırsam, mesaj görüntülenir.

cevap

0

Bence minlength ve required aynı şeydir. Yani ya onlardan birini yapmalısın. Örnek linke bakınız. http://codepen.io/next1/pen/PNjdBz

Eğer aynı şey olduğu için ng-message hatayı gösterecektir input yılında ng-minlength belirtmek bile. Bu yüzden, durumu kontrol etmek için ng-message-exp kullanmanız gerektiğini düşünüyorum. Ve ve required için maxlength ve required ile ilgili olan malzeme tasarım belgelerine başvurduğunuz bağlantı.

+0

Deftere örnekte kablolu nedir ben ilk girişinde bir

List description is too long
eklerseniz (giriş boşsa) Ben 'olanların hepsi aynı' name' özelliğini kullanıyordum –

+0

, çok göstermesidir giriş 'beklenmedik şekilde davranıyordu. – nextt1

0

Bu Angular Material ve ngMessages ile ilgili bilinen bir sorundur.

Herhangi bir ilerleme hakkında bilgilendirilmek istiyorsanız, aşağıdaki konuya abone olun. Ben hemen sonra bu çözmek gerekir

https://github.com/angular/material/issues/6767

bunu estetik olarak mükemmel değil akılda orada ama ayı boyunca anlatılan çözüm yararlanabilirler ... aynı şeyi.

İlgili konular