Отправка формы отменена, так как форма не связана

Question

У меня есть следующие кнопки HTML:

<form ngNativeValidate (ngSubmit)="onSubmit()" #add_form="ngForm">
     <button class="btn btn-primary " type="submit[disabled]="!add_form.valid">ADD</button>
     <button class="btn btn-default" (click)="back()">Back</button>
</form>

И я получаю это предупреждение в консоли:

Отправка формы отменена, потому что форма не подключена

Кто-нибудь может помочь мне разрешить это предупреждение?

Answer 1

Для кнопки «Назад» добавьте type="button" к объявлению, например так:

<form ngNativeValidate (ngSubmit)="onSubmit()" #add_form="ngForm">
     <button class="btn btn-primary " type="submit[disabled]="!add_form.valid">ADD</button>
     <button type="button" class="btn btn-default" (click)="back()">Back</button>
</form>

Что происходит, так это то, что Angular интерпретирует вторую кнопку как другую кнопку отправки, и вы эффективно перемещаетесьв середине подачи.Вот почему в сообщениях говорится, что отправка формы отменяется.