Ember.js 入门指南——路由重定向

标签：

      声明：对于transition这个词直译是“过渡”的意思，但是总觉得“路由的过渡”读起来总有那么一点别扭，想了下于是就用“切换”替代吧，如有不妥欢迎指正。    

    我们熟知的Java、PHP等语言都提供了URL的重定向，那么Ember的重定向又是怎么去实现的呢？

       如果是从路由重定向到另外一个路由你可以调用transitionTo方法重定向到另一个路由，如果是从controller重定向到一个route你可以调用transitionToRoute方法。transitionTo方法所实现的功能与link-to的作用是一样的，都可以实现路由的切换。

       如果重定向之后的路由包含有动态段你需要解析model数据或者指定动态段的值。由于不是直接执行URL所以不会执行重定向之后的路由的model回调。

1，切换路由前获取model

       如果你想在路由切换的时候不加载model你可以调用beforeModel回调，在这个回调中实现路由的切换。

beforeModel() {
       this.transitionTo(‘posts‘);
}

2，切换路由后获取model

       有些情况下你需要先根据model回调获取到的数据然后判断跳转到某个路由上。此时你可以使用afterModel回调方法。

afterModel: function(model, transition) {
       if (model.get(‘length’) === 1) {
              this.transitionTo(‘post‘, model.get(‘firstObject‘));
       }
}

切换路由，并初始化数据为model的第一个元素数据。

3，重定向到子路由

Router.map(function() {
    this.route(‘posts‘, function() {
        this.route(‘post‘, { path: ‘/:post_id‘});
    });
});

       子路由的重定向有些许不同，如果你需要重定向到上面这个段代码的子路由“posts.post”上，如果是使用beforeModel、model、afterModel回调重定向到“posts.post”父路由“posts”会重新在执行一次，再次执行父路由这种方式就显得有点多余了，特别父路由需要加载的数据比较多的时候，会影响到加载的效率。

       如果是这种情况我们可以使用redirect回调，此回调不会再次执行父路由。仅仅是实现路由切换而已。

redirect: function(model, transition) {
       if (model.get(‘length‘) === 1) {
              this.transitionTo(‘posts.post‘, model.get(‘firstObject‘));
       }
}

       重定向到子路由，解析之后会得到的类似于“posts/2”这种形式的URL。

以上就是全部路由的重定向方式，主要有4个回调：beforeModel、model、afterModel、redirect。前面三种使用场景差别不大，redirect主要用于重定向到子路由。

Ember.js 入门指南——路由重定向

标签：

原文地址：http://my.oschina.net/u/565401/blog/511484