EmberJS可以支持子状态的默认负载

Question

我的状态如

mysite.com /＃/索引 这是在启动时加载的默认页面

还有其他子路线 mysite.com/#/about mysite.com /＃/接触

如果有人输入mysite.com/#/about我可以控制子状态的加载吗？

Answer 1

只要您在路由器中定义了路由（URL），Ember路由器就会自动执行此操作。

当输入URL mysite.com/#/about时，以下内容将自动导航到正确的状态。如果要控制进入和退出状态时发生的情况，请在enter（）和exit（）函数内指定。

App.router = Ember.Router.create({
    enableLogging: true,
    //location: 'history',
    root: Ember.Route.extend({
        home: Ember.Route.extend({
            route: '/',
            redirectsTo: 'index'
        }),
        index: Ember.Route.extend({
            route: '/index',
            connectOutlets: function (router) {
                router.get('applicationController').connectOutlet('index');
            }
        }),
        about: Ember.Route.extend({
            route: '/about',

            enter: function() {
                //stuff
            }

            exit: function() {
                //stuff
            }

            connectOutlets: function (router) {
                router.get('applicationController').connectOutlet('about',);
            }
        })
    })
});