Adresy URL Hashbang za pomocą Ember.js

Question

Próbuję skonfigurować mój Router, aby używać adresów URL "hashbang" (#!).

próbowałem tego, ale oczywiście to nie działa:

App.Router.map(function() { 
    this.route("index", { path: "!/" }); 
    this.route("otherState", { path: "!/otherState" }); 
}); 

Czy jest to możliwe do zrobienia w Ember?

Answer 1

Poszerzenie Ember.HashLocation będzie drogą do zrobienia.

W celu przeprowadzenia czystej implementacji można wykonać następujące czynności.

Ember.Location.registerImplementation('hashbang', Ember.HashLocation.extend({ 
    // overwrite what you need, for example: 
    formatURL: function(url) { 
    return '#!' + url; 
    } 
    // you'll also need to overwrite setURL, getURL, onUpdateURL... 
}) 

Następnie poinstruować App Router do korzystania z wdrożenia niestandardowego dla zarządzania lokalizacji: odpowiedź

App.Router.reopen({ 
    location: 'hashbang' 
}) 

Answer 2

Teddy Zeenny jest w większości poprawne, a registerImplementation wydaje się być czysty sposób zaimplementować to. Próbowałem po prostu edytować jego odpowiedź, aby w pełni odpowiedzieć na pytanie, ale moja edycja została odrzucona.

Zresztą tutaj jest pełny kod aby Ember użycie hashbang URL:

(function() { 

var get = Ember.get, set = Ember.set; 

Ember.Location.registerImplementation('hashbang', Ember.HashLocation.extend({ 

    getURL: function() { 
     return get(this, 'location').hash.substr(2); 
    }, 

    setURL: function(path) { 
     get(this, 'location').hash = "!"+path; 
     set(this, 'lastSetURL', "!"+path); 
    }, 

    onUpdateURL: function(callback) { 
     var self = this; 
     var guid = Ember.guidFor(this); 

     Ember.$(window).bind('hashchange.ember-location-'+guid, function() { 
       Ember.run(function() { 
        var path = location.hash.substr(2); 
        if (get(self, 'lastSetURL') === path) { return; } 

        set(self, 'lastSetURL', null); 

        callback(location.hash.substr(2)); 
       }); 
     }); 
    }, 

    formatURL: function(url) { 
     return '#!'+url; 
    } 

})); 

})(); 

Następnie po utworzeniu aplikację trzeba zmienić router, aby wykorzystać „hashbang” Wdrożenie lokalizacji:

App.Router.reopen({ 
    location: 'hashbang' 
})