Modifica URL senza transizione

Question

Ho una domanda riguardante il sistema di routing Ember.

Nella mia App Ember, ho una semplice mappa a tutto schermo. Il centro e il livello di zoom di questa mappa provengono dai parametri di query URL. Ora sarebbe bello avere un modo semplice per mantenere i parametri di questa query in sincronia con la posizione della mappa. Quindi, quando qualcuno muove la mappa, vorrei cambiare i parametri della query url con i nuovi valori.

Quando utilizzo un semplice transitionTo, avvio un ciclo per modificare la mappa e aggiornare i parametri della query cambiando nuovamente la mappa e così via.

Quindi la mia prima idea era quella di ottenere l'implementazione della posizione dal router e modificare l'url manualmente. Ma non so come farlo. E fa anche i torti sbagliati usando Ember in questo modo.

Answer 1

Dopo molti downvotes per la mia risposta sopra, in Ember si potrebbe anche fare questo in modo da non passare attraverso un transizione o ricaricare i dati/rendering

Ember.run(function(){ 
    window.history.replaceState({} , 'foo', '/foo'); 
}); 

o per i browser legacy accedere alla hash:

Answer 2

http://emberjs.com/api/classes/Ember.HistoryLocation.html#method_replaceState

Definito nei pacchetti/brace-instradamento/lib/posizione/history_location.js: 134

non ho ancora testato questo, ma:

Ember.HistoryLocation.replaceState(<string>); 

dovrebbe funzionare.

anche il mio collega consiglia di utilizzare il router per raggiungere questo obiettivo:

http://emberjs.com/blog/2013/02/15/ember-1-0-rc.html#stq=&stp=0

router.replaceWith('index'); 

Answer 3

Per aggiungere risposte precedenti, utilizzare l'approccio semplice di modifica dell'URL quando si desidera modificare l'URL, nelle versioni correnti di Ember esiste un'opzione di collegamento dei parametri di query alle proprietà del controller.

Un semplice esempio compilato dal Ember guide page:

App.MapController = Ember.ObjectController.extend({ 
    queryParams: ['zoom', {latitude: 'lat'}, {longitude: 'lon'}], 

    zoom: 10, 
    latitude: null, 
    longitude: null, 

    mapWindowChanged: function { 
    MapApi.reposition(this.zoom, this.latitude, this.longitude); 
    }.observes('zoom','latitude','longitude') 
}); 

Quando si utilizza interrogazione params questo modo, il codice del controller/vista può semplicemente modificare le proprietà del controller legati e parametri di query aggiornerà automaticamente.

Utilizzare il Ember.Route queryParams property per cambiare l'effetto parametri di query eventi di percorso andata come segue:

App.MapRoute = Ember.Route.extend({ 
    queryParams: { 
    lat: { 
     refreshModel: true, 
     replace: true, 
    }, 
    long: { 
     refreshModel: true, 
     replace: true, 
    }, 
    zoom: { 
     replace: true 
    } 
    } 
}); 

Questo dirà Ember di ricaricare parti necessarie dal server quando inclinando la mappa, ma non quando si cambia lo zoom. Inoltre, la modifica dei parametri non sposterà gli elementi dello stato nella cronologia del browser.