Ember.js: custom routing, you must enter

Question

Our application will consist of several small routines.

/ <-- main application /accounts <-- sub app /reports <-- sub app /contacts <-- sub app 

We are going to use Django routing to direct the user to each of the routines. Therefore, when the user gets to the main page of the site, this is pure Django. When they click on accounts, this is pure Django. When the user lands on each of the pages of the supporting application, Ember will take over and from there.

When a user visits subapp accounts, I go to the account path:

 Social.IndexRoute = Ember.Route.extend({ redirect: function() { this.transitionTo('accounts'); } }); 

The url is as follows:

 /accounts/#/accounts/27 

What I would like to do is download the account information when the user visits what is mainly an index page. It contains a list of user accounts. When they select the account that I want to associate with the account route:

 /accounts/#/account/27 

How can I do it?

Answer 1

You can install rootURL on the router, and then the application will live in a subdirectory.

 Social.Router.map(function() { this.resource('accounts'); }); Social.Router.reopen({ location: 'hash', rootURL: '/accounts' }); Social.IndexRoute = Ember.Route.extend({ redirect: function() { this.transitionTo('accounts'); } });