如何在角度6中检测打字稿对象的变化

Question

我有一个字符串，其中包含表单上的错误消息。

  error: String;

我需要基于此字符串启用或禁用提交按钮。如果为空，则启用或禁用它。 如何检测角度6中的错误字符串有任何变化？

Answer 1

我只是在“提交”按钮上做了以下操作，并且在isError函数中检查了它是否为空。

[disabled]="isError()"

Answer 2

我建议您阅读Angular表单和表单验证https://angular.io/guide/forms-overview

您可以通过不同的方式来实现，但是对于所需的验证器，它可以做到。下面只是一个示例。

HTML文件

<form #f="ngForm" [formGroup]="generalForm">
 <input type="text" class="form-control" name="error"  formControlName="error">
</form>

 <button class="btn btn-danger" [disabled]="!f.valid" (click)="save()"> Save </button>

TS文件

 generalSettingsForm = new FormGroup({
    error: new FormControl("",Validators.required),    
  });