Dati di bootstrap in ember.js

Question

Qual è il modo migliore per eseguire il bootstrap dei dati per un'app emberjs al caricamento della pagina. So che molto probabilmente otterrà i dati da un attributo data-for o dati all'interno di un div nascosto, ma dove andrebbe questo nel ciclo di vita delle app emberjs?

Answer 1

Ci sono alcuni tipi diversi di dati che potresti caricare. Sono stato con ember-data modelli con DS.FixtureAdapter (per i dati statici) oppure il DS.RESTAdapter (per i dati dinamici

Questo è un piccolo esempio con apparecchi:.

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" 
    }]; 

Nelle mie applicazioni (un po 'piccole) Sono appena caricamento dei dati del dispositivo direttamente dopo la definizione del negozio e dei modelli Questo funziona bene per semplici associazioni uno a uno (si pensi ad un elenco statico di tipi o categorie). Quando si usano dati di tipo non fisso viene specificato come attributo model sulla rotta, e viene caricato quando necessario

Aggiornamento

Per precaricare i dati iniziali (ad es. stato iniziale pagina come loggedin) al caricamento della pagina è possibile utilizzare 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'