2

我正在尝试使用 Ember.js 构建一个应用程序，包括路由、角色、登录、注销等。我现在的问题是我无法弄清楚如何处理动态路由。

我需要的是能够使用一条路线进行侧边栏导航。

当用户登录时，他/她将进入仪表板视图。假设他们点击左侧的帖子菜单，然后他们将看到帖子视图。我想以相同的方式处理这些问题，例如/:module/.

module: Ember.Route.extend({
   route: '/admin/:module/',
   doLogout: Ember.Route.transitionTo('login'),
   connectOutlets: function (router) {
      "use strict";
      router.get('applicationController').connectOutlet('sidebar', 'sidebar');
      router.get('applicationController').connectOutlet('toolbar', 'toolbar');
   }
})

这是我需要一点帮助的地方。动态路由究竟是如何工作的？到目前为止，我发现的唯一可能是@wycats 关于路由的要点，但我无法从那里弄清楚：https ://gist.github.com/2728699

4

1 回答 1

1

这是我使用的动态路由的精简部分：

myroute : Em.Route.extend({
    route : '/myroute/:tid', //tid is same as index of Object
    deserialize: function(router, params) {
        return App.router.getPath('myController.content').objectAt(parseInt(params.tid));
                    //you can use some other parameters than tid and find the coresponding element
        },
    serialize: function(router, context) {
        return {
        tid: App.router.getPath('myController.content').indexOf(context)
        }
        },
    connectOutlets: function(router, context) {
        var currentController = router.get('currentController');
        currentController.connectOutlet({
            name : 'controllername',
            outletName : 'outletname',
            context: context
            }); 
        },
    index: Em.Route.extend({
        route : '/'
        })
    }),

这是一个要点，解释 Connect Outlets 破解当前源代码以获取最新更新https://gist.github.com/3606155

于 2012-09-03T01:51:27.387 回答