Aynı sayfada birden çok form/onaylama yapılması

Question

Neyin var, burada toplam AngularJS noob var ve bazı cevaplar arıyorum.

Öyle gibi kurulmuş bir sayfa var: bu formların her doğrulaması gerekli girdilerin kendi belirledik

<form name="mainForm" class="content" ng-app="pathForm" ng-controller="FormControl" novalidate> 

    <div class="full-page open" id="form1"> 
    <!-- Form 1 content here --> 
    </div> 

    <div class="full-page" id="form2"> 
    <!-- Form 2 content here --> 
    </div> 

    <div class="full-page" id="form3"> 
    <!-- Form 3 content here --> 
    </div> 

    <div class="full-page" id="form4"> 
    <!-- Form 4 content here --> 
    </div> 

</form> 

. Dört formun tamamında çalışmayı doğrulayabiliyorum, çünkü 4 formun tümünü kapsayan kapsamlı bir form-ng uygulaması kurdum. Gönderildiğinde, bir betik açık formdaki 'açık' sınıfı, enxt biçimine döngüleri kaldırır ve bu formdaki açık sınıfı ekler.

Bu formların her birinin tek tek doğrulanması için nasıl ayarlayabilirim?

Şimdiden teşekkürler.

Answer 1

ngForm directive ve FormController'a ihtiyacınız var.

Bu yönergede adı bulunan her bir ng biçim yönergesi, özelliği $scope'a ekler. Bu özelliğe (gönder nesnesi, FormController örneğidir), gönderme düğmesiyle çağrılan işlevle erişebilirsiniz.

Bu nesnede bazı özellikler ve yöntemler vardır. Formlarınızın doğrulama durumunu almak için $valid (veya $invalid) numaralı mülke ihtiyacınız var.

HTML:

<ng-form name="form1"></ng-form> 
<ng-form name="form2"></ng-form> 
<button ng-click="submit();">Submit</button> 

JS: Dahili doğrulayıcılar kendi özel doğrulayıcılarını ekleyebilirsiniz yeterli değil ise

$scope.submit = function() { 
    if ($scope.form1.$valid && $scope.form2.$valid) {} 
} 

Custom doğrulayıcıları. So.com'da docs ve this post numaralı telefonlara bakın.