Ember einfache gefälschte Service nicht auf Seite

Question

Ich versuche nur, einen Service einzurichten und bereit für eine REST-API. Ich benutze nur gefälschte Daten, nur um zu sehen, ob ich es in den Controller ziehen kann. Leider kann ich die Informationen nicht anzeigen.

Ich ging durch this documentation aber ich bin nicht in der Lage meine Rückkehr

Ich habe meinen Dienst als report.js

export default Ember.Service.extend({ 
    reports: [100, 96, 92, 74, 65, 64, 42, 21, 20, 19, 10, 4], 
}); 

Dann habe ich eine Controller report.js

export default Ember.Controller.extend({ 
    reports: Ember.inject.service('report') 
}); 

Dann zu sehen in meine hbs Datei, ich habe:

<div> 
    {{#each reports as |report|}} 
    <span>{{report}}</span> 
    {{/each}} 
</div> 

Wenn ich die Seite lade, sehe ich nichts, obwohl ich eine Gruppe von Zahlen sehen sollte. Wenn ich in Chrom in den Glanzinspektor gehe, kann ich zu container > service > reports gehen und ich sehe alle Zahlen als eine Unterservice-Unterklasse.

Wie bekomme ich meine Nummern vom Service, über den Controller in die HTML-Vorlage?

Answer 1

Sie benötigen

{{#each reports.reports as |report|}} 

Der Servicename über die „Berichte“ -Eigenschaft (der Name, den Sie verwenden inject) zugegriffen wird, zu tun und dann das Service verfügt über eine reports Eigenschaft, die ist, wo die Werte sind. Daher wird die reports.reports benötigt