具有ngbTypeahead指令的input元素在以编程方式修改formControlName值时不会更新

时间:2018-04-11 21:11:09

标签: angular typeahead angular-reactive-forms angular-bootstrap

在我的应用中,我有一个input元素,如下所示

<input id="find-user"
                formControlName="userSearch"
                [resultTemplate]="rt"
                [ngbTypeahead]="userSearch">

然后我有一个调用函数的按钮(仅用于测试)

testAction() {
    (<FormGroup>this.userEntryForm.controls['userSearch'].setValue('Obama');
 }

此函数成功更新了表单值(我可以看到它在检查时),但它不会更改input字段中假定绑定到此值的值形式价值。

有谁知道为什么会发生这种情况以及如何解决这个问题? 我可以看到它肯定与ngbTypeahead指令有关,因为当我删除这个指令时它会按预期工作。

(如果有必要,我可以在Plunkr中重新创建这个,但希望有人可以提供没有一个解决方案)

0 个答案:

没有答案