使用Angular Material编程设置自动完成文本框文本

Question

我正在使用Angular Material创建表单。对于某些字段，用户应获得自动完成功能。如果用户提供序列号，则也应从后端填充这些字段。

我的问题是，如何设置通过代码链接到自动完成功能的文本框的文本？

我复制了一个StackBlitz并对其进行了修改，以适应我的情况： https://stackblitz.com/edit/angular-material-autocomplete-async1-jxrahv?file=src%2Fapp%2Fapp.component.ts

如果您单击“单击我！”按钮，我希望文本框的文本更改为“ Windstorm”（不会发生）。

谢谢！

Answer 1

您要使用对象数组来填充自动填充功能，因此，当您尝试使用字符串“ just”设置值时：

this.usersForm.get('userInput').setValue("Windstorm");

...它将不起作用。将整个对象设置为值，就可以了！ ：）

this.usersForm.get('userInput').setValue({ id: 1, name: 'Windstorm' });

修改后的 StackBlitz