Hashbang URLs using Ember.js

Question

I am trying to set up my Router to use \"hashbang\" URLs (#!).

I tried this, but obviously it doesn\'t work:

App.Router.map         


        

Answer 1

Extending Ember.HashLocation would be the way to go.

For a clean implementation, you can do the following.

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

Then instruct your App Router to use your custom implementation for location management:

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