Bootstrapping Daten in ember.js

Question

Was ist der beste Weg, um Daten für eine Emberjs App beim Laden der Seite zu laden. Ich weiß, dass es höchstwahrscheinlich die Daten von einem Data-for-Attribut oder von Daten innerhalb eines versteckten divs erhält, aber wo im Lebenszyklus der emberjs-App würde das liegen?

Answer 1

Es gibt ein paar verschiedene Arten von Daten, die Sie möglicherweise laden. Ich habe mit ember-data Modelle zusammen mit DS.FixtureAdapter (für statische Daten) oder die DS.RESTAdapter (für dynamische Daten

Dies ist ein kleines Beispiel mit Geräten.

App.Store = DS.Store.extend({ 
    revision: 11, 
    adapter: 'DS.FixtureAdapter' 
}); 

App.Page = DS.Model.extend({ 
    title: DS.attr('string') 
}); 

App.Page.FIXTURES = [{ 
    id: 1, 
    title: "Test Title #1" 
    }, { 
    id: 2, 
    title: "Random Title #2" 
    }]; 

In meinem (eher klein) Apps Ich bin gerade Laden der Fixture-Daten direkt nach dem Definieren des Stores und der Modelle. Dies funktioniert gut für einfache Eins-zu-Eins-Assoziationen (denken Sie an eine statische Liste von Typen oder Kategorien). Bei Verwendung von Nicht-Fixture-Daten wird nur das Attribut model auf der Route angegeben. und wird bei Bedarf geladen

Aktualisierung

Zum Vorladen der Anfangsdaten (z.B. erste Seite Zustand wie LoggedIn) beim Laden der Seite könnten Sie DS.Store#load:

Store = DS.Store.create({ 
    revision: 11 
}); 

Page = DS.Model.extend({ 
    title: DS.attr('string') 
}); 

Store.load(Page, {id: 1, title: 'Wow Cool Title'}); 

Store.find(Page, 1).get('title') //=> 'Wow Cool Title'