Angular — проверка формы

У меня есть две формы в моем проекте, что я хочу сделать здесь, если пользователь ввел данные во второй форме и все входы первой формы или любой ввод пуст, тогда я не хочу включать кнопку сохранения второй формы. а также, если ввод всей второй формы пуст, то я также не хочу включать кнопку сохранения второй формы, я сделал что-то вроде этого

<form id="formOne" #formOne="ngForm">
 <!--input tags-->
   <form id="formTwo" #formTwo="ngForm">
     <!--input tags-->
   </form><!-- end of formTow-->
</form><!--- end of formOne-->

кнопка отправки второй формы, я сделал что-то вроде этого:

<button type="button" [disabled]="!formOne.form.valid && !formTwo.form.valid " (click)="saveIt"/>

Спасибо за помощь


angular html angular-forms
person Yashraj basan    schedule 04.07.2018    source источник
comment
Пожалуйста, делайте понятные предложения...   -  person    schedule 04.07.2018
comment
Пожалуйста, скажите мне, что вы не поняли? я не говорю по-английски   -  person Yashraj basan    schedule 04.07.2018
comment
почему вы используете форму внутри формы   -  person Adesh Kumar    schedule 04.07.2018
comment
Ну ничего...   -  person    schedule 04.07.2018
comment
Хорошо, у меня есть 2 формы в моем проекте. Если пользователь ввел некоторые входные данные во второй форме, а в 1 форме все входные данные пусты или один вход пуст, то во второй форме кнопка сохранения не должна быть включена. проверка второй формы должна зависеть от первой формы   -  person Yashraj basan    schedule 04.07.2018
comment
Адеш Кумар. Я использовал две формы по отдельности, но они не работают, тогда я использовал все это, я хочу, чтобы проверка второй формы зависела от первой формы.   -  person Yashraj basan    schedule 04.07.2018

Ответы (1)


arrow_upward
1
arrow_downward

Попробуйте использовать только одну форму. Если у вас есть сценарий, разделите и проверьте их следующим образом.

   <form  #formOne="ngForm">
    <!--input tags-->

    </form>

    <form  #formTwo="ngForm">
         <!--input tags-->
    </form>

    <button type="button" [disabled]="!formOne.valid && !formTwo.valid" (click)="saveIt()"/>

In Ts :

@ViewChild('formOne') formOne: ngForm ;
@ViewChild('formTwo') formTwo: ngForm;

saveIt(){
{
//save form data.
}
person Akj    schedule 04.07.2018
comment
Сэр, проблема в том, что у меня есть кнопка сохранения на обеих формах. Кнопка сохранения не отделена от двух форм, извините, сэр, я не задал этот вопрос. - person Yashraj basan; 04.07.2018
comment
Затем используйте только одну форму и поместите в нее все элементы управления следующим образом: ‹form› ..controls ‹button type=button [disabled]=!form.valid (click)=saveIt()/› ‹/form - person Akj; 04.07.2018