Angular ng-select：通过绑定到对象进行预选在获得焦点之前不起作用

Question

我的 Angular 应用程序中的

ng-select

组件遇到问题。

当我使用反应式表单将对象绑定到

formControlName

并为表单控件设置初始值时，该值不会显示在 ng-select 输入字段中，直到我聚焦（单击）它。

详情：

• 我正在使用一个对象作为 bindValue 属性
• 我已在 ngAfterViewInit 挂钩中确认所选值正确存在于表单控件中，并且项目列表中的对象与表单控件值完美匹配
• 但是，输入字段保持为空，直到我手动单击它

在

focus

钩子中调用

blur

然后调用

ngAfterViewInit

方法确实可以使其工作，但我相信这不是正确的方法。 这是

ng-select

如何处理初始对象绑定的问题吗？我在设置中遗漏了什么吗？我怎样才能让它以正确的方式工作。有人可以帮我找到这个问题的解决方法吗？

这里是重现该问题的 StackBlitz 链接： StackBlitz 演示

Answer 1

您在示例中包含了一个空模板来显示该值。只需删除模板就可以让一切正常工作。