için gerekli doğrulama nasıl yapılır? Select html etiketini kullanıyorum ve ona bağlayıcı listesi yapıyorum. Açılır seçilmezse ve başlığında 'Seç' ibaresi varsa, gerekli bir doğrulama istiyorum. http://plnkr.co/edit/LlnAOSqWMmnolONbZNhf?p=previewAçılışı 2
5
A
cevap
-1
<div [hidden]="power.valid " class="alert alert-danger" style="padding: 0px;margin-bottom: 2px;">
Select
</div>
<select class="form-control" required
ngControl="power" #power="ngForm" >
<option *ngFor="let p of powers" [value]="p">{{p}}</option>
</select>
burada Uygulanan
<div class="form-group">
<div>
<label for="country">Country*:</label>
</div>
<div ng-class="{'valid':country.$valid}">
<select class="form-control" name='country' [(ngModel)]='fd.country' required>
<option *ngFor="let obj of country" [ngValue]="obj">{{obj}}</option>
</select>
</div>
<small *ngIf="(myForm._submitted && !country.valid && !fd.country) || (!country.valid && country.dirty) ">Required (Please select country).</small>
</div>
+1
ilk Bu, bu sadece doğrulamak ya da gelmez deneyin div gizler – Mese
2
ben *ngIf
sözdizimi kullanmış, ancak böyle açılır üzerinde doğrulama sağlayabilir::
İlgili konular
- 1. Köşeyi önlemek için açılışı FOUC
- 2. Açılır pencere açılışı ile açılır
- 3. Malzeme açılışı için bir başlangıç projesi oluşturun
- 4. Python'da "2 * 2" ile "2 ** 2" arasındaki fark nedir?
- 5. Yeni bir sayfa açılışı temelinde bir Crossrider açılır penceresini nasıl açarım?
- 6. VS Kodu - Biçimlendirme sırasında etiket sonu ve etiket açılışı nasıl hizalanır? (JSX)
- 7. Angular 2, Ionic 2
- 8. MVC 2 RC 2, C#
- 9. Ben 2 sorunuz 2 sorguları
- 10. Symfony 2 + Doktrin 2 + kalıtım
- 11. Zend 2 + doctrine 2 Auth Bağdaştırıcısı
- 12. 'raw' .2/2 biçiminde bir liste görüntüleme
- 13. Güçlendirme 2'deki hatalar 2 RX
- 14. MVC 2 RC 2'de IValueProvider
- 15. Böyle 2-dizilerini listesi var 2-Tuples
- 16. Açısal 2: ContenteditableModel: 2 yönlü veri bağlama
- 17. math.exp (2) ve math.e ** arasındaki fark 2
- 18. 2 Kontrolör için 2 farklı MessageConverters Yapılandırma
- 19. OAuth 2 - OAuth 2 C# nasıl kullanılır?
- 20. Silverlight 2 için Canvas yardımcı programları 2
- 21. 2 yerine bellek üzerine yazma 2
- 22. Köşeli 2 Boru - 2 ondalık basamakla sınırı
- 23. Seçme menüsündeki bir eylemde 2 parametre 2
- 24. Symfony 2'de Eşit Alanlar doğrulaması 2
- 25. unix: 2. sütunları kullanarak 2 dosya birleştirme
- 26. Selenium 2
- 27. Haberleşme 2
- 28. Capistrano 2
- 29. + Symfony'nin 2
- 30. Güçlendirme 2
Kendinizi –