如何解决以编程方式为自定义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]
更改时会调用该变量。
您还会在各种地方混合使用类型,这使得调试起来很困难。
首先,您应该:
- 摆脱全部
any
!这将对您有很大帮助。 - 确保在调用
inputText
时正确地更新了write
。 - 为您的
this.value
粘贴单一类型
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。