javascript - 如何在 Angular UI typeahead 中正确使用 select 和 firebase 数据

标签 javascript angularjs firebase angular-ui-bootstrap angularfire

我正在尝试使用 Angular-UI typeahead 以及来 self 的 firebase 的一些数据。

数据看起来像这样:

Data:{ 
"-JL8IPEAs0vLSt4DJ4V9": { "name": "Something" }, 
"-JL8IbggYn3O8jkWoPmv": { "name": "Something Else" } 
}

我的 HTML 看起来像这样:

<input type="text" ng-model="answer.help" typeahead="label for (key , value) in object | limitTo:8">

基本上我的问题是我无法弄清楚如何使用我当前的数据结构在预输入中正确地执行选择部分。

这些资源很有帮助: https://docs.angularjs.org/api/ng/directive/select http://angular-ui.github.io/bootstrap/#/typeahead

但我真的不知道如何让它工作。我猜它相对简单,但我找不到任何可以帮助我弄清楚的地方。我已经尝试了很多不同的组合,但是当我做错时,预先输入部分确实提供了很多有用的反馈,我发现自己被卡住了。

如有任何帮助,我们将不胜感激。谢谢。

最佳答案

看起来 Angular-UI 的 typeahead 不支持 Angular 的 select 指令支持的 (key, value) 语法。但是您应该能够使用 angularfire 的 orderByPriority 将您的数据结构转换为数组。 .然后你可以这样做(假设 records 是一个数组):

<input type="text" typeahead="record.name for record in records | limitTo:8">

http://plnkr.co/edit/g4PMSPmOU0XkrdVwAAYa?p=preview

关于javascript - 如何在 Angular UI typeahead 中正确使用 select 和 firebase 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23220273/

相关文章:

javascript - 我可以在没有 Bower 或 NPM 的情况下安装 Angular Material 库吗?

reactjs - React Router 用户角色的最佳实践 (Firebase)

javascript - 如何根据 JavaScript 中的文本框输入更改数组中的图像?

javascript - 不允许在文本框验证中使用特殊字符

javascript - 视差滚动--图像不在后面

firebase - List.contains()在Firestore文档列表上不起作用

firebase - 有没有一种方法可以更新 Firebase Cloud Message (FCM) 发送到 Web 应用程序的通知,而不是创建新通知?

javascript - 由于点 ID 导致 JSON 调用出错

javascript - Angular ui 路由器 : child state not accessing parent controller

angularjs - 在 AngularJS/Bootstrap 中进行标签导航的正确方法