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