ember.js - 在某些情况下，带有 args 的 Emberjs 路由会失败

Question

在某些情况下，我遇到了路由 url 的问题。这是我的路由器:

contacts: Em.Route.extend({
    route: '/contacts',

    index: Em.Route.extend({
        route: '/',
        connectOutlets: function(router, context) {
            App.contactsController.populate()
            var appController = router.get('applicationController');
            appController.connectOutlet('contactsList');
        }
    }),

    show: Em.Route.extend({
        route: '/:contactid',
        connectOutlets: function(router, context) {
            alert('show contact');
        }
    }),

    doShowContact: function(router, event){
        router.transitionTo('show', {contactid: event.context.id});
    }
}),

当我进入 doShowContact 内部时，如果我指定 '联系方式' 作为上下文和 '/:contactid' 作为“show”内的路线，我会得到例如 '/contacts/3' 在浏览器 url 中，一切正常。

但是在 doShowContact 中，如果我指定 'contact_id' 而不是 '联系方式' 作为上下文和 '/:contact_id' 而不是 '/:contactid' 作为路线。我会得到 '/联系人/未定义' 在浏览器网址中。

有没有办法解释它？谢谢!

Answer 1

您应该简单地传递联系人实例，而不是使用 contactid 伪造对象。属性(property):

doShowContact: function(router, event) {
  var contact = event.context;
  router.transitionTo('show', contact);
}

您还应该指定 modelClass您 route 的属性(property):

show: Em.Route.extend({
  route: '/:contact_id',
  modelClass: App.Contact,

  // ...
})