我在正式的ngx-bootstrap documentation之后成功实现了Typeahead组件。
现在的问题是,该组件使用从自动完成列表中选择的值来自动更新用户键入的文本,而所需的行为是触发了新操作,而没有更新输入框中的值。
我尝试使用addContactItem = () => {
this.setState({ contactItems: [
...this.state.contactItems, // clone the state,
// then, add new item
<ContactItem key="Rick" login="typeofweb3" name="Rick" department="QA" />
]
});
};
事件,但是不幸的是,引发该事件时,输入框的值已经更新。我也尝试过使用(typeaheadOnSelect)
事件,但是在这种情况下,问题是检测到谁在引发该事件并仅在由自动完成引起的情况下才阻止更新。顺便说一下,(change)
事件在(change)
之前引发。