使用角度材质以编程方式设置自动完成文本框文本

Question

我正在使用有角度的材质创建一个形状。对于某些字段，用户应获得自动完成功能。如果用户提供序列号，这些字段也应该从后端填充。

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

我复制了一个StackBlitz并对其进行了修改以符合我的场景：https://stackblitz.com/edit/angular-material-autocomplete-async1-jxrahv?file=src/app/app.component.ts

如果你点击“点击我！”按钮，我希望文本框的文本更改为“Storm”（这不会发生）。

谢谢

Answer 1

您正在向autocomplete提供对象数组，因此当您尝试使用“just”字符串设置值时：

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

... 这是行不通的。将整个对象设置为值，就可以了！：）

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

改进的StackBlitz