How to display JSON data from a rails API to ember.js view

Question

I have a rails API that when I load a particular route it returns a JSON response to my browser. The URL I put in my browser is http://localhost:3000/api/csv_files

And the output looks like the following,

Now I want to load this output / csv_files using ember.js but I am not entirely sure how this would work?

I included ember-rails gem in my rails app, and I have the appropriate files loaded in the rails app, but I am not sure how I could connect an ember template to the rails API controller to display the output.

Pedro Rio · Accepted Answer · 2015-10-27 09:09:07Z

1

You should use the route to load your data.

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

And then in your template you can

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

You may want to define Models that represent you data, so that you can use a solution such as Ember Data.

answered Oct 27, 2015 at 9:09

Pedro Rio

1,44411 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to display JSON data from a rails API to ember.js view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related