編輯模板未顯示在編輯路線上

Question

我想編輯用戶。 我正在關注此教程： http : //coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/

我在user.hbs有一個按鈕可以編輯用戶：

<button {{action "edit"}}>Edit</button> ，在其下方是一個{{outlet}}

單擊它時，我被定向到/index.html#/users/4/edit但是我的user.edit.hbs模板沒有顯示

這是userEditRoute.js ：

App.UserEditRoute = Ember.Route.extend({
  model: function(){ 
    return this.modelFor('user');
  }
});

還有userController.js ：

App.UserController = Ember.ObjectController.extend({
  actions: {
    edit: function(){
      this.transitionToRoute('user.edit');
    }
});

為什么user.edit.hbs顯示？

Answer 1

我不知道您如何配置路由器，但是帶有/users/<someid>/edit的url期望this.transitionToRoute('user.edit', someObjectOrId);

Answer 2

我們可以通過以下方式做到這一點。 請檢查此BIN