Я пытаюсь настроить свой Router для использования URL-адресов "hashbang" (#!).
Я пробовал это, но, очевидно, это не работает:
App.Router.map(function() {
this.route("index", { path: "!/" });
this.route("otherState", { path: "!/otherState" });
});
Можно ли это сделать в Ember?
Ответ Teddy Zeenny в основном верен, и registerImplementation кажется, это чистый способ реализовать это. Я попытался просто отредактировать его ответ, чтобы он полностью ответил на вопрос, но мое редактирование было отклонено.
В любом случае, вот полный код, чтобы заставить Ember использовать URL-адреса hashbang:
(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;
}
}));
})();
Затем, как только вы создаете свое приложение, вам нужно изменить маршрутизатор, чтобы использовать реализацию местоположения "hashbang":
App.Router.reopen({
location: 'hashbang'
})
Расширение Ember.HashLocation было бы правильным.
Для чистой реализации вы можете сделать следующее.
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...
})
Затем попросите свой Маршрутизатор приложений использовать вашу собственную реализацию для управления местоположением:
App.Router.reopen({
location: 'hashbang'
})