Bootstrap Typeahead Async - 多个值

Question

我试图在我的AngularJS项目中实现Bootstrap Typeahead，我遇到了一个值问题。 我从我的Django API服务器通过$ http加载内容。现在，我可以查找我想要的任何项目并显示它的名称，但我需要的是显示＆＃34; title＆＃34;但返回＆＃34; id＆＃34;通过ng-model返回控制器。 你有这方面的任何工作实例吗？

http://pastebin.com/xtype9J4

Answer 1

我假设您正在使用https://angular-ui.github.io/bootstrap/#/typeahead，所以我建议您查看最后一个示例。 查看DOM，您的代码可能如下所示：

class DataModal{ Date date; Float usage; DataModal(Date date, Float usage){ this.date=date; this.usage=usage; } } @Query("SELECT new DataModal(du.date, avg(du.usage) as usage) FROM DataUsageModel du WHERE du.date BETWEEN :start_time AND :end_time GROUP BY day(du.date)")

这几乎包含了你所需要的东西。另外，请查看https://docs.angularjs.org/api/ng/directive/select和https://docs.angularjs.org/api/ng/directive/ngOptions以获取更多示例，因为AngularUI具有类似（如果不相同）的方法。