javascript - बटन क्लिक पर व्यवस्थित रूप से सबमिट करने के लिए Angular2 से बचें




forms submit (4)

आपको अपने app.module.ts में '@ कोणीय / रूपों' से फॉर्ममॉडल आयात करना होगा

import { FormsModule } from '@angular/forms';
 @NgModule({
  imports: [
    FormsModule
 ],
 })

ठीक है, तो शायद यह स्पष्ट नहीं है। इस फॉर्म को प्राप्त करें:

<form (ngSubmit)="submit()" #crisisForm="ngForm">
   <input type="text" name="name" [(ngModel)]="crisis.name">
   <button type="submit">Submit</button>
   <button type="button" (click)="preview()">Preview</button>
   <button type="reset" (click)="reset()">Reset</button>
</form>

सभी बटन submit() फ़ंक्शन को ट्रिगर क्यों करते हैं? और इससे कैसे बचा जाए?


उस बटन में टाइप करें = "बटन" जिसे आप सबमिट निष्पादित नहीं करना चाहते हैं।


मेरे पास एक ही मुद्दा है। मेरे आस-पास का काम एंकर तत्व के लिए a बटन और लागू बटन शैली के साथ प्रतिस्थापित button था:

<form (ngSubmit)="submit()" #crisisForm="ngForm">
   <input type="text" name="name" [(ngModel)]="crisis.name">
   <button type="submit">Submit</button>
   <a class="btn" (click)="preview()">Preview</a>
   <a class="btn" (click)="reset()">Reset</a>
</form>

मैंने पाया कि 2.0 रिलीज (ngSubmit) के साथ विधि के लिए एक null घटना मान गुजर रहा है इसलिए इसके बजाय आपको हमें (submit) करना चाहिए (submit)

<form (submit)="submit($event)" #crisisForm="ngForm">

आपकी .ts फ़ाइल

submit($event){
   /* form code */
   $event.preventDefault();
}




submit