以编程方式为自定义Angular Material Form Control设置值输入+自动完成

问题描述

我正在尝试构建自定义的Angular Material表单控件（可以在<mat-form-field>内部使用）。

它将<input matInput>与<mat-autocomplete>耦合在一起，以便用户可以从对象列表中进行选择。

其代码可在https://stackblitz.com/edit/angular-matx-input-select处使用，可以检查其行为。

到目前为止，它可以满足我的大部分期望，但是当我尝试以编程方式设置其值时（通过设置它通过[(ngModel)]绑定的变量），它不会更改其输入的文本以反映这样，所以我确定我会遗留一些重要的内容，但是我不知道是什么。

解决方法

如果您使用的是formControl，请使用这些控件以编程方式设置值。

this.form.get('your-field').setValue(yourValue);

,

通过不编写适当类型的TypeScript，使您的生活变得不必要。

据我所见，主要问题是您没有在_inputText方法中更新write变量-当[ngModel]更改时会调用该变量。

您还会在各种地方混合使用类型，这使得调试起来很困难。

首先，您应该：

1. 摆脱全部 any！这将对您有很大帮助。
2. 确保在调用inputText时正确地更新了write。
3. 为您的this.value粘贴单一类型