<ng-select>在更改表单组控制值后仍然 null，如果 searchTerm 以编程方式提供</ng-select>

Question

我需要以编程方式设置 searchTerm 值（使用虚拟键盘）并搜索下拉菜单应显示基于 searchterm 的选项。

其中表单控件是 updateOn:'blur'。

但是在这里我面临的问题是，在基于虚拟输入键提供的 searchTerm 选择下拉选项后，表单控件没有得到更新（例如stackblitz红色文本控件值为空）。

脚步：

1.按虚拟键盘按钮

2.select 任意选项

3.现在检查红色文本值：

谢谢。

Answer 1

它正在更新，但您在更新之前正在使用它。 即使您自己打开<ng-select> ，它也会以黑色和红色显示不同的值。

如果可以的话，我建议您改用change.id ：

    this.afterChangesFormControlValue = change.id;

但是如果你不能......如果你将它包装在setTimeout()中，即使延迟为0 ，它也会开始工作，因为 setTimeout 只会在更新完成后触发：

  setTimeout(() => {
    console.log('on select option after given search term from virtual keyboar')
    console.log("change:",change)
    console.log("form control value:",this.form.controls.example.value)
    this.afterChangesFormControlValue=this.form.controls.example.value;
  }, 0);

两者都应该产生相同的结果 - 当我在您的 Stackblitz 中进行测试时它们会产生相同的结果，但是setTimeout有点难看。