Ng Zorro 自动完成选择框在没有选择之前无法填充答案

【问题标题】：NgZorro Autocomplete Selectbox can't be populated without selecting something beforeNg Zorro 自动完成选择框在没有选择之前无法填充
【发布时间】：2021-06-02 06:15:49
【问题描述】：

我不确定这是我这边的错误还是错误的实现。

我尝试使用AutocompleteDataSourceItem 填充自动完成选择框。 AutocompleteDatasourceItem 包含 label 和 value。

如果我在新初始化的表单字段上使用以下代码，则当我在调试器中检查字段的值时，表单会正确填充，但表单上的字段显示[object Object]：

this.form.controls.baseIngredient.setValue(this.baseIngredientOptions.filter(x => x.value == 11)[0]);

如果我手动选择某些内容，则使用正确填充字段的相同代码。
谁能帮我解决这个问题？

【问题讨论】：

标签： angular drop-down-menu autocomplete populate ng-zorro-antd

【解决方案1】：

你可以试试这个

this.form.get('baseIngredient').setValue(this.baseIngredientOptions.find(x => x.value === 11).value;

问题是您尝试设置 {key:string,value:string} 但您必须将值作为值而不是对象。

在您的代码中，您可以通过以下方式实现；

this.form.controls.baseIngredient.setValue(this.baseIngredientOptions.filter(x => x.value == 11)[0].value);

但在我看来，这不是一个好的代码。你应该使用第一个。我相信两者都会奏效。

【讨论】：