发布于 2015-08-18 16:33:24 | 382 次阅读 | 评论: 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'); } }); |
如果需要从当前模型中获取重定向的信息来决定跳转到哪里,可以使用afterModel
和redirect
这两个钩子来实现。afterModel
和redirect
的第一个参数都是路由的模型,过渡对象作为第二个参数,两个钩子本质是一样的。(实际上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
)还会照常执行。