Modifica del percorso di inversione per applicare equivalente al carico di lavoro

Question

Sto cercando di osservare la modifica del percorso per applicare un'azione comune una volta eseguito il rendering. L'idea è di avere una funzionalità simile allo onload ma siccome utilizziamo un'applicazione a singola pagina, questa deve essere attivata per ogni modifica di percorso. (Potrebbe essere limitato l'ambito della nuova vista)

ho trovato il modo di osservare i cambiamenti currentPath:

App.ApplicationController = Ember.Controller.extend({ 
    currentPathDidChange: function() { 
    prettyPrint() 
    }.observes('currentPath'); 
}); 

Anche se questo funziona bene in alcuni casi, viene attivato quando i cambiamenti di rotta, ma ancora presto per applica le modifiche al contenuto che sembrano aggiungere prima che il contenuto venga reso.

Qualche idea sulle migliori pratiche per raggiungere tale obiettivo?

Answer 1

Hai provato a rinviare il codice con Ember.run.schedule? Per esempio,

App.ApplicationController = Ember.Controller.extend({ 
    currentPathDidChange: function() { 
    Ember.run.schedule('afterRender', this, function() { 
     prettyPrint(); 
    }); 
    }.observes('currentPath') 
}); 

Answer 2

A causa della deprecation of Controllers in Ember 1.x trovare l'URL nel router sarebbe un buon modo per a prova di futuro le tue applicazioni. Si può fare questo in ember-cli in questo modo:

// similar to onLoad event behavior 
export default Ember.Route.extend({ 
    afterModel: function (model){ 
    Ember.run.next(() => { 
     console.log(this.get('router.url')); 
    }); 
    } 
}); 

// hacky way to get current url on each transition 
export default Ember.Route.extend({ 
    actions: { 
    didTransition: function() { 
     Ember.run.next(() => { 
     console.log(this.get('router.url')); 
     }); 
    } 
    } 
}); 

Questo registrerà: /posts e /posts/3/comments ect.