Feinabstimmung erfrischend mehrere Modelle in Ember Route

Question

Es ist ein weithin bekannter Ansatz Laden mehr als ein Modell Versprechen in einem Ember Weg zu unterstützen, mit Ember.RSVP.hash:

// app/routes/posts.js 

export default Ember.Route.extend({ 

    model(params) { 
    return Ember.RSVP.hash({ 
     posts: this.store.findAll('post', params), 
     tags: this.store.findAll('tag', params), 
    }); 
    }, 

}); 

Jetzt habe ich einen page param, zu sein Sie können die Posts in Stapeln laden, anstatt sie zu laden und auf einmal anzuzeigen. Durch Seitenänderungen werden die Tags jedoch nicht geändert. Wenn sich der Seitenparameter jedoch ändert, wird das gesamte Modell der Route erneut zum erneuten Laden ausgelöst, was dazu führt, dass die App sowohl die Posts für die neue Seite als auch die gleichen Tags erneut abholt.

Gibt es eine Möglichkeit zur Feinabstimmung, damit die Tags nicht geladen werden, wenn sich bestimmte Parameter ändern?

Answer 1

Es gibt mehrere Möglichkeiten, Ihren Code zu refactozieren. Wie das Verschieben von Tags aus dem Modell. Oder die Seitennummerierung anders durchführen (ohne Modellaktualisierung). Der eine, den ich mag, schreibt ein benutzerdefiniertes getAll-Dienstprogramm.

var cache = {}; // model_name => Promise<[Record]> 

function getAll(store, model) { 
    if(!store.modelFor(model).cacheable) { 
     return store.findAll(model); 
    } 

    if(!cache[model]) { 
     cache[model] = store.findAll(model); 
    } 

    return cache[model]; 
} 

Und jetzt in Ihrem Modell

import { getAll } from 'utils/store'; 
... 
tags: getAll('tag'),