在ember中刷新动态子路线不工作?

时间:2016-09-06 10:41:51

标签: ember.js

我有一个子路线,结构如下

this.route('bookings',function(){
      this.route('pm',function(){
        this.route('booking-details',{ path: ':invoice_type'});
      });
    });

其中预订是父路线,其子路线是下午,其子路线是预订 - 详细信息是动态路线。

当我刷新子路径时,它返回到其父路径。

网址显示localhost/bookings/pm/undefined而不是localhost/bookings/pm/:invoice_type

路线是

1.booking路线

import Ember from 'ember';

export default Ember.Route.extend({
    beforeModel(transition){
        if(transition.targerName === 'index.bookings.index'){
            this.transitionTo('index.bookings.pm');
        }
    }
});

2.pm route。

import Ember from 'ember';

export default Ember.Route.extend({
    model:function(params){
    <Some Code>
    }
});

3.booking-details route

import Ember from 'ember';

export default Ember.Route.extend({
});

1 个答案:

答案 0 :(得分:0)

实际上它显示undefined,因为我在pm段中使用转换为beforeModel路由,导致它转换为pm路由而不是pm/booking-details路由。它通过替换beforeModel挂钩

来解决
beforeModel(transition){
        if(transition.targerName === 'index.bookings.index'){
            this.transitionTo('index.bookings.pm');
        }
    }