Javascript Angular7以反应形式检测输入值的变化

我第一次在Angular（v7）中使用反应形式

如果任何字段已更改，我希望启用“提交”按钮。因此，我正在使用表单的

dirty

值。 对于一个简单的场景，它是有效的。我更改了输入类型文本，按钮变为启用

但是现在我遇到了一个元素（

）的问题，它里面的值被其他一些javascript函数的结果改变了

因此，我决定听一个

隐藏的
输入的变化，它以与
span
元素相同的方式获取值

    <form [formGroup]="model.form" >
        ....
        <input id="nameInput" type="text"
            [(ngModel)]="model.user.name"
            formControlName="name" />           
        ...
        <span [textContent]="model.user.location.label" id="locationUpdated"></span>    

        <input type="hidden" [value]="model.user.location.label" formControlName="location" />
        ....        
        <button [ngClass]="{'disabled': !model.form.dirty}></button>

    </form>

我将
隐藏的
替换为
文本
，这样我就可以看到值的变化，并且工作正常

但是属性
dirty
将继续
false
。如果我手动更改，我会得到
dirty:true

我错过了什么？
谢谢

我错过了什么

以编程方式更改数据时，脏标志未设置为真。
仅当用户模糊控件组件或更改值（通过UI）时，才会将其设置为true

请参考官方文档-
您可以在逻辑完成后将控件显式标记为脏
this.model.form.markAsDirty（）
 你能解释一下“但是现在我遇到了一个元素（）的问题，它里面的值被其他一些javascript函数的结果改变了。”更详细地说，我建议你仔细阅读一下文档，因为首先你不应该将ngModel用于反应式表单，其次，不要将
value
用于被动形式。文档：要在被动表单中获取输入值更改，您只需订阅
FormControl.valueChanges
NEVER、NEVER、NEVER一起使用[（ngModel）]formControlName即可。
private buildFormUpdated() {
    this.model.form = this.formBuilder.group({
        name: [this.model.user.name,  [Validators.required]],
        location: [this.model.user.location.label]
    });
}