问题标签 [angular-ui-typeahead]

我基本上是在尝试与这个问题相同，这个问题已经解决了。

目标是使用 Angular-UI 的 typeahead 功能将模型设置为一个值，同时向用户显示另一个值。这在使用 ui-bootstrap-tpls-0.4.0.js 时效果很好，如 plunker 所示。我在所有其他代码中都使用了 ui-bootstrap-tpls-0.11.0.js，所以我试图让它与它一起工作。问题是它不是。

更改为 v0.11，如在此 plunker 中所见，导致它在模型和输入中显示相同。（还有另一个错误导致它可能不显示选项，但这在我的情况下并不重要）

从以下位置更改预输入：

至：

产生预期的效果，因为输入显示名称并且模型具有数据。可以在这里看到。我的问题是我真的更喜欢模型只是 Unidade.Codigo，就像第一个例子一样。

关于如何使用 ui-bootstrap-tpls-0.11.0.js 实现这一点的想法？

编辑：按照@mer10z_tech 的建议，更新了 plunker 以使用 AngularJS 1.2.15。可以在这里看到 - http://plnkr.co/edit/FHqC3HLpkmfQx7VBOGKL?p=preview

我正在研究 Angular UI 引导 typeahdead 控件，我在键入时显示名称信息。现在我想显示重复名称的附加信息。是否可以在预输入控件中显示附加信息，我们可以自定义此控件吗？我也在使用 AngularJS。

谢谢

我想知道如何在 Typeahead 的自定义模板的 ng-src 属性中使用函数。这是我的html模板：

因此，在自定义模板脚本中，我尝试使用 ng-src 中的函数根据 Typeahead 使用的“match.model”变量从维基百科获取相应的图像。

这是控制器：

我一直在使用这个线程来指导我使用出色的 typeahead 指令。

但是我有点卡住了。我需要将样式应用于结果中的一个属性。

我plunker 这里有一个。

我的问题是我真的不明白如何将一个类应用于结果末尾显示的 supervisor.address 属性。

HTML在下面。

我正在使用 Angular v1.3.0-beta.17

这是错误：我不知道是什么原因造成的。有人说这是因为控制器没有使用承诺。其他人说这是已弃用的 ng-bind-html-unsafe 指令。我已阅读添加 ng-Sanitize 修复此问题。它没有。我读了一篇文章说这个最新版本的 Angular 修复了错误。我已升级到此预发行版，但仍然收到错误消息。数据从 Web API 返回，但 ui-bootstrap typeahead 继续抛出此错误，并且不显示任何弹出窗口。

typeahead-popup.html

typeahead-match.html

我找到了错误的原因：这是控制器代码中的错误：

.... 本来应该

将附加到正文与路由结合使用时，预输入显示卡在正文上。

我使用了 Angular 种子项目和一个简单的 Typeahead 示例并复制了问题： http: //plnkr.co/WSNIRKLqOCLqO87jp3an

• 加载页面
• 选择“视图2”
• 选择“视图1”
• 在输入中键入字母字符“a”
• 观察附在机身上的预输入显示器
• 选择视图2
• 观察显示器仍然附着在机身上

我尝试过的所有浏览器都会出现问题。

我看到单击绑定到文档触发但如果页面之前已被路由到，则不会调用dismissClickHandler。这意味着它第一次运行良好，但是当您返回之前访问过的页面时，它永远不会触发dismissClickHandler。

https://github.com/angular-ui/bootstrap/blob/master/src/typeahead/typeahead.js

有什么想法吗？

当用户在预输入中突出显示一个选项时，是否可以触发回调？

就像是

我对 AngularJS 指令非常陌生，并试图弄清楚如何将 angularjs 指令预先输入自定义为可以自定义和扩展具有更多功能的指令。

用例：希望能够有一个可以自定义的自包含指令，以便我们可以传递远程数据源的 url，以及返回的数据集项的键和描述，并在选择时传递一个回调方法。

我将 typeahead 指令包装在一个指令中并通过了一些自定义。我有一个 plunker 演示我到目前为止所拥有的，但是我如何传递数据元素名称以便自定义。

模块：lookupModule.js

我有一个指令叫做：lookup (lookupDirective.js,lookupController.js,lookup.html,profileService.js)

父控制器是：quickProfileController.js

这是我的工作代码的链接：http: //plnkr.co/edit/DAaVVY

我花了两天时间试图完成这项工作，但没有运气。有什么想法吗！！

我正在使用 Angular UI-bootstrap typeahead。

我有 HTML

和

脚本：

当我键入时，它会在 typeahead-popup 中显示匹配的选项。但是，当没有匹配项时，我应该怎么做才能在同一个弹出窗口“未找到匹配项”上显示？

我发现很难想象有一种方法可以为 typeahead 指令获取一组值。

例如，在这个 plunker 中，http ://plnkr.co/edit/Sj0kOGipJ4gNv3VCnKzJ?p=preview

索引.html

例子.js

当您搜索和选择时，它只取一个值，因为条目本身就是将取的那个。但是，如果我想在地址旁边加上一个居民姓名，以供将来使用，甚至在一个表格中，该怎么办？

我试图通过传递像 item.residentName 这样的值来做到这一点，它只会显示一个地址列表，每个地址后面都有未定义的地址（前提是 residentName 已正确填充）。或者，如果我传递 .push(object)，该对象是一个对象，而不是一个仅具有值的 var，它会将每个列表项显示为 [Object, object]。

==进一步说明 例如在最后一步中getLocation()，我想传递而不是仅仅传递，我也想item.formatted_address传递item.geometry，而生成的列表仍将显示 formatted_address。

请让我知道这是否有意义。

谢谢