Ngx-Bootstrap - Typeahead

ngx-bootstrap Typeahead 指令提供了一个易于使用且高度可配置、易于使用的 Typeahead 组件。

预先输入指令

选择器

  • [提前输入]

输入

  • AdaptivePosition - 布尔值，设置使用自适应位置。

  • 容器- 字符串，指定预输入应附加到的元素的选择器。

  • dropup - boolean，该属性指示下拉菜单应向上打开，默认值：false。

  • isAnimated - 布尔值，打开/关闭动画，默认值：false。

  • optionsListTemplate - TemplateRef<TypeaheadOptionListContext>，用于指定自定义选项列表模板。模板变量：matches、itemTemplate、query。

  • typeahead - Typeahead，选项源，可以是字符串数组，对象或用于外部匹配过程的可观察对象。

  • typeaheadAsync - 布尔值，仅应在 typeahead 属性为可观察数组的情况下使用。如果为 true - 选项加载将是异步的，否则 - 同步。如果选项数组很大，则 true 有意义。

  • typeaheadGroupField - 字符串，当选项源是对象数组时，包含组值的字段名称，设置时匹配项按此字段分组。

  • typeaheadHideResultsOnBlur - 布尔值，用于隐藏模糊结果。

  • typeaheadIsFirstItemActive - 布尔值，使列表中的第一项处于活动状态。默认值：true。

  • typeaheadItemTemplate - TemplateRef<TypeaheadOptionItemContext>，用于指定自定义项目模板。公开的模板变量称为项目和索引。

  • typeaheadLatinize - 布尔值，匹配拉丁符号。如果为真，则单词 s