[疑问] html按钮怎么避免重复提交

点击文件名下载附件

1. <button mat-raised-button class="btn btn-linkedin mat-raised-button pull-right" (click)="onSubmit()" [disabled]="!loading">Submit</button>
   

1. onSubmit() {
   
2. // Disable Create Button
   
3. this.loading = true;
   
6. this.xxxService.createXXX(this.formData)
   
7.         .pipe(first())
   
8.         .subscribe({
   
9.                 next: (data) => {
   
10.                         if (data.successful) {
    
11.                                 this.commonService.showNotification(‘success’, ‘Creation successful’);
    
12.                                 this.router.navigate([‘/xxx/detail/’ + data.returnedObject.xxId], { relativeTo: this.route });
    
13.                         } else {
    
14.                                 this.commonService.showNotification(‘danger’, data.errorStr);
    
15.                                 this.loading = false;
    
16.                         }
    
17.                 },
    
18.                 error: error => this.commonService.handleError(error),
    
19.         });
    
20. }