Form içinde açısal gönderme formu?

Question

Ben bir form içinde form göndermek istiyorum, ama form içeride-formunu gönderdiğinizde, tüm formlar şimdi gönderilmektedir. Bunu yapmak bile mümkün mü?

<form name="add_foobar_form" novalidate ng-submit="addFoobar(foobar)"> 

    <form name="send_contact_form" novalidate ng-submit="sendContact(hello)"> 
     <input type="text" ng-model="hello.bye"> 
     <input type="submit" value="sendmall"> 
    </form> 

    <input type="text" ng-model="foobar.go"> 
    <input type="submit" value="sendall"> 

</form> 

Answer 1

Can you have nested forms? Yalnızca hayır, İç içe geçmiş form çalışmaz.

Eğik olarak Docs Says

, formlar iç içe olabilir. Bu, dış formun tüm çocuk formları da geçerli olduğunda geçerli olduğu anlamına gelir. Eğik gibi davranır ngForm yönergesini sağlar ama iç içe olabilir, böylece Ancak elemanların iç içe izin vermez tarayıcılar. Bu ebeveyn arayacak dinamik ngRepeat yönergesi

kullanılarak oluşturulan vardır Ama ne yazık ki ng-submit formu kullanamadı formlarda Açısal doğrulama direktiflerini kullanırken çok yararlıdır iç içe formları, sahip olmanızı sağlar Herhangi bir iç formda ng-submit yöntemi. Bunun için

Example Plunkr

Çözüm gelen iç içe geçmiş için ng-submit yönergesini kullanmayın olacaktır. Sen butonuna ng-click kullanıp submit den button için düğmeye türünü değiştirmek gerekir.

Biçimlendirme

<form name="add_foobar_form" novalidate ng-submit="addFoobar('foobar')"> 
    <ng-form name="send_contact_form" novalidate> 
     <input type="text" ng-model="hello.bye"> 
     <input type="button" value="sendmall" ng-click="sendContact('hello')"> 
    </ng-form> 

    <input type="text" ng-model="foobar.go"> 
    <input type="submit" value="sendall"> 
</form> 

Workaround Plunkr