入门指南 获取Ember 概念 对象模型 应用 模板 路由 组件 控制器 模型 视图 枚举 测式 配置Ember.js COOKBOOK 理解Ember.js

发布于 2015-08-18 16:33:24 | 336 次阅读 | 评论: 0 | 来源: 网络整理

过渡与重定向

在路由中调用transitionTo或者在控制器中调用transitionToRoute,将停止当前正在进行的过渡,并开启一个新的,这也用作重定向。transitionTo具有参数,其行为与link-to助手相同。

  • 如果过渡到一个没有动态段的路由,路由的model钩子始终都会运行。

  • 如果路由具有动态段,那么需要传入一个模型或者一个标识符给每个段。传入一个模型不会调用model钩子,传入一个标识符会触发model钩子,标识符可以通过参数获取。详细内容请查看链接

在获取模型之前

如果希望从一个路由重定向到另一个路由,可以在beforeModel钩子中进行过渡。

 
1
2
3
4
5
6
7
8
9
App.Router.map(function() {
  this.resource('posts');
});

App.IndexRoute = Ember.Route.extend({
  beforeModel: function() {
    this.transitionTo('posts');
  }
});
 

在获取模型之后

如果需要从当前模型中获取重定向的信息来决定跳转到哪里,可以使用afterModelredirect这两个钩子来实现。afterModelredirect的第一个参数都是路由的模型,过渡对象作为第二个参数,两个钩子本质是一样的。(实际上afterModel钩子的缺省实现只是对redirect钩子的调用)。

 
1
2
3
4
5
6
7
8
9
10
11
12
13
App.Router.map(function() {
  this.resource('posts');
  this.resource('post', { path: '/post/:post_id' });
});

App.PostsRoute = Ember.Route.extend({
  afterModel: function(posts, transition) {
    if (posts..get('length') === 1) {
      this.transitionTo('post', posts[0]);
    }
  }
});
 

当过渡到PostsRoute路由时,如果发现只有一篇文章,那么当前的过渡会被取消,并重定向到PostRoute路由,来显示这一篇文章。

基于应用的其他状态

条件过渡可以基于应用的一些其他的状态。

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
App.Router.map(function() {
  this.resource('topCharts', function() {
    this.route('choose', { path: '/' });
    this.route('albums');
    this.route('songs');
    this.route('artists');
    this.route('playlists');
  });
});

App.TopChartsChooseRoute = Ember.Route.extend({
  beforeModel: function() {
    var lastFilter = this.controllerFor('application').get('lastFilter');
    this.transitionTo('topCharts.' + (lastFilter || 'songs'));
  }
});

// Superclass to be used by all of the filter routes below
App.FilterRoute = Ember.Route.extend({
  activate: function() {
    var controller = this.controllerFor('application');
    controller.set('lastFilter', this.templateName);
  }
});

App.TopChartsSongsRoute = App.FilterRoute.extend();
App.TopChartsAlbumsRoute = App.FilterRoute.extend();
App.TopChartsArtistsRoute = App.FilterRoute.extend();
App.TopChartsPlaylistsRoute = App.FilterRoute.extend();
 

在上面这个例子中,用户浏览到/网址的时候会被立即跳转到用户曾经访问过的最后过滤网址。第一次访问/的时候,会被跳转到songs网址。

路由还可以选择在特定的情况下才跳转。如果beforeModel钩子没有跳转到新的路由,剩下的钩子(model, afterModel,setupController, renderTemplate)还会照常执行。

最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务