Hashbang Ember.js를 사용하는 URL

Question

Router에 "hashbang"URL (#!)을 사용하도록 설정하려고합니다.

나는이 시도하지만, 분명히 그것은 작동하지 않습니다

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

은 엠버에서 할이 수 있습니까?

Answer 1

연장 Ember.HashLocation 가야 할 길입니다.

깨끗한 구현을 위해 다음을 수행 할 수 있습니다.

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

Answer 2

테디 Zeenny의 대답은 대부분 정확하고 registerImplementation이를 구현하는 깨끗한 방법이 될 것 같다 :

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' 
}) 

: 당신이 "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 URL을 만들 수있는 전체 코드입니다