如何在Angular UI typeahead中正确使用select与firebase数据答案

【问题标题】：How to use select properly with firebase data in Angular UI typeahead如何在Angular UI typeahead中正确使用select与firebase数据
【发布时间】：2014-04-22 12:55:27
【问题描述】：

我正在尝试使用 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">

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

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

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

任何帮助将不胜感激。谢谢。

【问题讨论】：

标签： javascript angularjs firebase angular-ui-bootstrap angularfire

【解决方案1】：

看起来 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

【讨论】：

啊哈——这很有道理。我马上测试一下。
只需添加 orderByPriority 就可以了！我最终使用了：“concept.name for concept in concept | orderByPriority”。