Help with Ember model DS and Json


#1

Hey I am kind a newbie to ember and I am looking for a help: Here is my json file:

{ “id”: 1, “title”: “Grand Old Mansion”, “owner”: “Veruca Salt”, “city”: “San Francisco”, “type”: “Estate”, “bedrooms”: 15, “image”: “https://upload.wikimedia.org/wikipedia/commons/c/cb/Crane_estate_(5).jpg” }

my model:rental.js import DS from ‘ember-data’;

export default DS.Model.extend({ title: DS.attr(), owner: DS.attr(), city: DS.attr(), type: DS.attr(), image: DS.attr(), bedrooms: DS.attr() });

and my index.hbs:

{{#each model as |rental|}}

{{rental.title}}

Owner: {{rental.owner}}

Type: {{rental.type}}

Location: {{rental.city}}

Number of bedrooms: {{rental.bedrooms}}

{{/each}}

and my index.js route:

import Ember from ‘ember’;

export default Ember.Route.extend({ model() {

}, });

Now i have been surfing around internet to explain me how can I connect my json file so my ember app can detect data from it and index.js model can route to index.hbs


#2

You need to fill in your model hook with either a jQuery AJAX call to your JSON file or using the store, like this.store.findAll('rental'). If you are using a static JSON file, you will have to create an adapter that looks for JSON files.


#3

The hook @skaterdav85 is talking about is in the route. Just check ember guide on routing and model. It should gdt you started


#4

Do you know any tutorial out there that can help me understand adaptors. I find Ember.js documentation not that helpful and alot of tutorials are either older version or dont talk about adaptors in ember 2.0


#5

Here is an article I wrote that is up to date: http://emberigniter.com/fit-any-backend-into-ember-custom-adapters-serializers/

And @skaterdav85 gave a great presentation about this topic: http://thejsguy.com/2016/02/18/ember-data-and-custom-apis.html