使用ngIf错误时如何在angular 6中禁用按钮保存

在Angular 6中，可以使用ngIf指令来根据条件动态显示或隐藏元素。当使用ngIf时，如果条件为false，则元素将被从DOM中移除，如果条件为true，则元素将被添加到DOM中。

要在Angular 6中禁用保存按钮，可以使用ngIf指令来根据错误状态动态显示或隐藏按钮。以下是一个示例：

首先，在组件的HTML模板中，添加一个保存按钮，并使用ngIf指令根据错误状态来决定是否显示按钮：

<button (click)="save()" [disabled]="hasError">保存</button>

在上面的代码中，[disabled]="hasError"表示如果hasError为true，则按钮将被禁用。

接下来，在组件的TypeScript代码中，定义一个变量来表示错误状态，并在保存方法中根据条件来更新该变量：

export class YourComponent {
  hasError: boolean = false;

  save() {
    // 检查错误条件
    if (/* 错误条件 */) {
      this.hasError = true;
      return;
    }

    // 执行保存操作
    // ...
  }
}

在上面的代码中，如果存在错误条件，则将hasError设置为true，按钮将被禁用。

这样，当错误条件满足时，保存按钮将被禁用，用户无法点击保存按钮执行保存操作。

关于Angular 6的更多信息，您可以参考腾讯云的Angular产品介绍页面：Angular产品介绍