url - emberjs 动态路由，仅带散列（无斜杠）

Question

即使所有内容都在标题中，为了清楚起见，我希望我的 emberjs动态路由看起来像：

http://mywebsite.com/#dynamic_route/subroute

仅带有哈希，而不是默认带有“/”的哈希：

http://mywebsite.com/#/dynamic_route/subroute

不确定是否有可能（我尝试了几次黑客攻击但没有成功）但如果是的话请告诉我:)

谢谢，汤姆

Answer 1

直到 1.0.0-pre.4 版本，这似乎是默认行为。在最终版本 1.0.0 中，它只对没有路径的路由表现得像这样。我遵循并且似乎工作正常的方法是为位置 API（http://emberjs.com/guides/routing/specifying-the-location-api/）提供一个实现，它基于讨论的默认实现在， https://github.com/emberjs/ember.js/issues/2053answers 和 使用 Ember.js 的 Hashbang URL

(function() {

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

    Ember.Location.registerImplementation('no-slashes', Ember.HashLocation.extend({   
        getURL: function() {
            var path = get(this, 'location').hash;
            if(path.indexOf("/")!=1){
                return "/"+path.substr(1);
            }else{
                return path.substr(1);  
            }
        },

        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(1);
                    if(path.indexOf("/")!=0){
                        path = "/"+path;
                    }
                    if (get(self, 'lastSetURL') === path) { return; }
                    set(self, 'lastSetURL', null);
                    callback(path);
                });
            });
        }

    }));

})();
App.Router.reopen({
    location: 'no-slashes'
});

Answer 2

@melc 感谢您为我指明正确的方向。我即兴创作了代码。注意 - 我使用的是 ember 1.5.1。

我最终只覆盖了 getURL 方法。registerImplementation 在 1.5.1 中已弃用，因此使用容器注册 HashLocation 的新实现。希望这可以帮助某人。

(function() {

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

var noSlashLocation = Ember.HashLocation.extend({
    getURL: function() {
        var hash = this.getHash().substr(1);
        return (hash.indexOf('/') != 0) ? '/'+hash : hash;            
    }
});

var container = new Ember.Container();
container.register('location:no-slash', noSlashLocation);

Ember.Router.reopen({
    location: container.lookup('location:no-slash')
});

})();