2016-04-16 13 views
0

Ich versuche, EmberCLI Frontend-App mit meiner Rails API zu arbeiten. Aus irgendeinem Grund funktioniert es nicht. Wenn ich 'localhost: 4200/artists' besuche, sehe ich nichts als h1 tag. Keine API-Daten JS Konsole ist leer. Irgendwelche Ideen?Ember + Rails API-Verbindung

Hier ist mein Adapter:

import DS from 'ember-data'; 

export default DS.Model.extend({ 
    name: DS.attr('string'), 
    itunes_id: DS.attr('integer'), 

}); 

Modell:

import DS from 'ember-data'; 

export default DS.Model.extend({ 
    name: DS.attr('string'), 
    itunes_id: DS.attr('integer'), 

}); 

Router:

import Ember from 'ember'; 
import config from './config/environment'; 

const Router = Ember.Router.extend({ 
    location: config.locationType 
}); 

Router.map(function() { 
    this.route('artists'); 
}); 

export default Router; 

Strecke:

import Ember from 'ember'; 

export default Ember.Route.extend({ 
    model() { 
    return this.store.findAll('artist'); 
    } 
}); 

Und Ansicht:

<h1> Artists </h1> 

<ul> 
    {{#each artists as |artist|}} 
    <li>Hello, {{artist.name}}!</li> 
    {{/each}} 
</ul> 
+0

Haben Sie das Ember Inspector Plugin? Versuchen Sie dies zu überprüfen und die Registerkarte Netzwerk im Browser. – max

+0

Auch das, was Sie sagen, ist Ihr Adapter ist ein Modell. Auch in Ihrem View/Contoller sind Ihre Modelldaten unter 'Modell', nicht' Künstler' verfügbar. Möglicherweise möchten Sie dafür einen Alias ​​in Ihrem Controller festlegen. – Lux

+0

Der Code, den Sie unter Ihrer Überschrift "Adapter" haben, ist derselbe Code wie der Code, der unter "Modell" aufgeführt ist. Ist das nur ein Fehler beim Ausschneiden und Einfügen? Wenn ja, können Sie Ihren echten Adapter posten? – nPn

Antwort

0

Wie @Lux erwähnt, ist die Anordnung der Künstler auf die Vorlage als model Eigenschaft des Controllers zur Verfügung gestellt. Das sollte funktionieren:

{{#each model as |artist|}} 
    <li>Hello, {{artist.name}}!</li> 
{{/each}}