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

【问题标题】：How to detect change in typescript object in angular 6如何检测角度 6 中打字稿对象的变化
【发布时间】：2019-07-08 07:49:17
【问题描述】：

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

  error: String;

我需要根据这个字符串启用或禁用提交按钮。如果它为空，则启用或禁用它。如何检测角度 6 中错误字符串的任何更改？

【问题讨论】：

能否请您显示您是如何启用或禁用的代码

标签： angular typescript

【解决方案1】：

我建议你去阅读有关 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),    
  });

【讨论】：

【解决方案2】：

我刚刚在提交按钮上做了下面的事情，在isError 函数中我检查它是否为空。

[disabled]="isError()"

【讨论】：