requiredVe ng-required(form doğrulama) arasındaki fark nedir ?
requiredVe ng-required(form doğrulama) arasındaki fark nedir ?
Yanıtlar:
AngularJS form öğeleri, requireddoğrulama işlevlerini gerçekleştirme özniteliğini arar . özelliği bir boole testine bağlı olarak ng-requiredayarlamanıza olanak tanır required(örneğin, yalnızca B alanını zorunlu kılın - örneğin, bir öğrenci numarası - A alanının belirli bir değeri varsa - "öğrenci" yi bir seçim olarak seçtiyseniz )
Örnek olarak <input required>ve <input ng-required="true">aslında aynı şey
Bunun neden böyle olduğunu merak ediyorsanız (ve sadece <input required="true">veya değil <input required="false">), bunun nedeni HTML sınırlamalarından kaynaklanmaktadır - requiredniteliğin ilişkili bir değeri yoktur - yalnızca varlığı, öğenin gerekli olduğu anlamına gelir (HTML standartlarına göre) - bu yüzden açısal gerekli değeri ayarlamak / ayarlamak için bir yola ihtiyaç duyar ( required="false"geçersiz HTML olur)
<form method="post" action="/foo" novalidate>. Yine bu, açısalJS ile ilgili olmayan bir html5 özniteliğidir.
ng-requiredbir kapsam / denetleyici değişken işaret ettiğinde , açısal bunu değişiklikler için izler ve gerekli özniteliği buna göre ayarlar. Basit HTML requiredözelliği söz konusu olduğunda bu tür bir esnekliğe sahip değilsiniz. Hayır? Ve biz aynı konuyla ilgili olarak, ne olacak ng-attr-required? Tam olarak aynı ng-requiredmı?
Ben tiago cevabı için bir addon yapmak istiyorum :
Diyelim ki öğeyi aynı özelliği kullanarak ng-showve ekleyerek requiredgizlediniz:
<div ng-show="false">
<input required name="something" ng-model="name"/>
</div>aşağıdaki gibi bir hata verir:
Name = '' ile geçersiz bir form denetimi odaklanamıyor
Bunun nedeni required, hiddenöğelere doğrulama uygulayamamanızdır . Kullanmak şartlı olarak sadece gerekli olan gerekli doğrulama uygulamayıng-required kolaylaştırır !!
ng-ifyerine kullanabilirsiniz . ng-showng-hide
HTML özelliği required="required" bu alan geçerli olabilmesi için form için gereklidir söz konusu tarayıcıyı anlatan bir ifadedir. ( required="required"XHTML formudur, sadece kullanmak requiredeşdeğerdir)
Eğik nitelik ng-required="yourCondition" demektir 'isRequired (yourCondition)' ve HTML niteliğini belirler dinamik size durumuna bağlı için.
Ayrıca unutmayın HTML sürümü kafa karıştırıcı , öyle değil yazma gibi bir şey Koşullu olarak mümkün required="true"veya required="false"nitelik konularda, sadece varlığı (şimdiki araçlar true)! Angular size bu konuda yardımcı oluyorng-required .