Javascript NgIf并单击对话框上的相同按钮

如果名称已存在或组不存在，我希望生成一个带有错误消息的表单。 当我单击submit时，我收到了来自服务器的错误消息。 现在，我使用on close Confirm功能关闭对话框

      <button mat-raised-button class="createUserBtn" color="primary" type="submit" [disabled]="form.invalid"   (click)="onCloseConfirm()">Save</button>

---

@您好，您需要添加更具描述性的标题。它应该陈述问题或者问一个问题你在问什么。我不知道。您是想在保存时立即关闭对话框，还是想等待服务器响应返回，您想在对话框打开时显示加载程序？？否，我只是检查error=true，如果true则显示errormessage，但要检查是否有错误，我需要提交，但如果有错误，我必须提交到服务器。所以我需要提交而不关闭，检查是否有错误，如果没有错误关闭对话框。

  error = false;
  errorMessage = '';

onSubmit() {
    if (this.form.valid) {
      this.fixtureService.create(this.form.value)
        .catch(error => {
          console.log(error);
          if (error.error.error ==='FIXTURE_NAME_TAKEN') {
            console.warn("Fixture name already exist");
            this.error = true;
            this.errorMessage = 'Fixture name already exist'
          } else if (error.error.error ==='GROUP_NOT_FOUND') {
            console.warn("Group selected doesn't exist");
            this.error = true;
            this.errorMessage = 'Group selected doesn\'t exist'
          } else onCloseConfirm();
}