javascript – 如何使用Angular UI typeahead中的firebase数据正确选择

我正在尝试使用Angular-UI typeahead以及来自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将数据结构转换为数组.然后您可以执行类似的操作(假设记录是一个数组)：

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

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

标签：javascript,angularjs,angular-ui-bootstrap,firebase,angularfire
来源： https://codeday.me/bug/20190703/1364941.html