问题标签 [angular-ui-typeahead]

我正在使用 AngularJS Typeahead 指令，它工作正常，但我有两个问题 1-我想在按下向下箭头键（键代码 40）时打开下拉列表 2-我有一个按钮，我希望这个按钮打开还有下拉列表；和上面一样

我使用typeahead（通过 angular-ui），它具有一个typeahead-editable属性，该属性决定 typeahead 是否应将模型值限制为仅从弹出窗口中选择的值。我想在 $scope 变量更改值时切换此行为。

我遇到的问题是它在初始化后没有更新。

有谁知道如何实现这一目标？

这是笨蛋！

这就是我想要实现的目标

我有一个输入字段，在用户输入时，将对 mongodb 表进行 ajax 调用，并为 typeahead 功能提取 json 结果。

一切正常，但是当使用以下功能提取数据时

它会在每个按下的关键字上带来所有数据，因此最终结果是，预输入结果永远不会缩小到正确的字符串。

下面是 html 元素中提前调用的代码

并在ajax调用函数下方

我想知道如何在 mongo db 中使用“like”选项进行查询，对于关键字搜索，我找到了一些答案，例如使用 $text 进行文本搜索，如下所示

这是正确的方法吗？任何建议将不胜感激。

我正在尝试在 ui bootstrap ( http://angular-ui.github.io/bootstrap/ ) 中使用 typeahead 来为现有选项添加下拉菜单。我希望用户始终可以选择一个显示“+ add new”的 li（参见示例代码）。

你知道我如何添加一个总是在 li 列表顶部的 li 吗？

我试图在下拉列表中显示的内容：

角度 html 和指令

假设我有这些数据输入我的 ng-repeat：

如何使用两种类型的过滤器将 typeahead 应用于此 ng-repeat，一种在地址上（使用谷歌地图地理编码 api），另一种在嵌套项目的值上？并非所有属性/对象都会出现，所以我猜它必须是某种有条件的。我知道要使用的基本表达式是：<typeahead="x.z for x in y | filter:{z:$viewValue}">

任何朝着正确方向的推动将不胜感激，谢谢！

我的 JSON 中有两个字段：first_name和last_name.

我想使用 Bootstrap typeahead.js，使用 Angular-UI。

我会在typeahead字段中添加什么以在 last_name 中进行搜索？我将在模板中添加什么以在选择时同时显示名字和姓氏？

如果 angular-ui 指令没有此功能，那么我想我只会将名字和姓氏连接成一个字符串。

更新： 2014 年 9 月 15 日知道如何在搜索结果中显示名字和姓氏吗？

我正在使用 AngularJS 和 Bootstrap UI 开发一个应用程序。我一直在摸索如何使用 Bootstrap UI 中的 Typeahead 控件。

这是我的 Plunker

我的挑战是我希望用户可以选择一个项目，但不是必须这样做。例如，现在，如果您Test在文本字段中键入并按“Enter”，Test将替换为Alpha. 但是，我真的很想使用Test. 我希望替换文本的唯一时间是有人从下拉列表中选择项目时。我的标记如下所示：

如何为用户提供选择项目的选项，但仍允许他们输入自己的文本？

我有一个使用AngularUI 的 typeahead 功能的文本字段。它看起来像这样：

我想强制用户从生成的列表中选择一个选项。如果他们键入的内容与列表中显示的内容不完全相同，则在模糊时（单击文本字段外部），我希望文本字段的值重置为原始值。

这个功能是 typeahead 指令的一部分，还是我需要扩展它？我在 google 和 stackoverflow 上搜索了大约 10 分钟，但找不到任何相关文档。

谁能指出我正确的方向来实现这一目标？

我正在使用AngularJS typeahead，我用它进行了自动完成输入，使用自定义模板（添加照片和我正在输入的人的姓名）并且它工作正常。

但现在我需要它为不止一个人服务，这意味着一个类似标签的系统。我如何使用 Angular 预先输入来做到这一点？

我能够动态添加预输入组件，但不能为其提供自己的预输入选择事件。（这部分有效）

对于第二个输入，当从列表中选择一个项目时，它应该根据数据库中的数据填充成本和金额，如下所示。（这部分不起作用）

如何动态添加具有自己独特的 typeahead-on-select 事件的 AngularJS typeahead 组件？它将填充第一项的成本和金额，因为模板显然是静态的而不是动态的。

我尝试使用 jquery 添加属性，typeahead-on-select，它会调用一个函数，但这不起作用......

这是我的代码。

自动完成是项目名称的预输入控件。

addautobtn 是您在图片中看到的“新项目”按钮。它添加了一个具有预先输入、成本和金额的新项目行。