如何将 JSON 数据从 Rails API 显示到 ember.js 视图答案

【问题标题】：How to display JSON data from a rails API to ember.js view如何将 JSON 数据从 Rails API 显示到 ember.js 视图
【发布时间】：2016-01-26 06:24:28
【问题描述】：

我有一个 Rails API，当我加载特定路由时，它会向我的浏览器返回 JSON 响应。我在浏览器中输入的网址是http://localhost:3000/api/csv_files

输出如下所示，

现在我想使用 ember.js 加载此输出 /csv_files，但我不完全确定这将如何工作？

我在我的 rails 应用程序中包含了ember-rails gem，并且我在 rails 应用程序中加载了适当的文件，但我不确定如何将 ember 模板连接到 rails API 控制器以显示输出。

【问题讨论】：

标签： ruby-on-rails api ember.js

【解决方案1】：

您应该使用route 来加载您的数据。

export default Ember.Route.extend({
 model() {
    return Ember.$.ajax({ url: 'http://localhost:3000/api/csv_files' })
 }
 });

然后你可以在你的模板中

{{#each model as |csv|}}
  {{csv.id}} - {{csv.csv_file_name}}
{{/each}}

您可能希望定义代表您的数据的Models，以便您可以使用诸如 Ember Data 之类的解决方案。

【讨论】：