angular - 我在角度 6 中执行 (ngSubmit) 后表单没有刷新

Question

以下是片段app.component.html

<form *ngIf="addForm" [formGroup]="addForm" (ngSubmit)="onSubmit()">
  <table>
    <thead></thead>
    <tbody>
      <tr>
        <td>

在app.component.ts

onSubmit() {
  console.log(this.addForm.value);
  this.contractService.saveContract(this.addForm.value)
    .subscribe(data => {
      alert('Contract created successfully');
    });
}

我的问题是收到警报后，表单值应自动清除，即应刷新表单。这不会发生在我身上。任何建议都是可观的。

标签： angularangular6

Answer 1

你必须在警报确定点击后做清除表格

这是一个例子

onSubmit() {
  console.log(this.addForm.value);
  this.contractService.saveContract(this.addForm.value)
    .subscribe(data => {
       if (!alert("Contract created successfully")) {
          this.addForm.reset();
       }

    });
}

你也可以使用window.confirm

onSubmit() {
      this.contractService.saveContract(this.addForm.value)
        .subscribe(data => {
           if ( window.confirm('Contract created successfully') ) {
               //clicked Yes
               this.addForm.reset();
            }
        });
    }