Ember嵌套路线不会显示?

时间:2014-03-04 20:20:43

标签: ember.js routing routes nested

我已经浏览了文档,但我看不出我做错了什么。

Router.map

App.Router.map(function(){
  this.resource('users', function(){
    this.resource('user', { path: ':user_id' });
    this.resource('add');
  });
});

车把

<script type="text/x-handlebars" id="users/add">
  <h3>Add User</h3>
</script>

我通过链接到达了正确的网址: {{#link-to 'add'}}Add User{{/link-to}}

但是,用户/添加的车把模板的内容从未显示过?

以下是我的路线

App.UsersRoute = Ember.Route.extend({
  model: function(){
    console.log("Users route triggered");
    return App.Users; 
  }
});

App.UserRoute = Ember.Route.extend({
  model: function(params){
    return App.Users.findBy('id', params.user_id);
  }
});

App.UserAddRoute = App.UserRoute.extend({
  renderTemplate: function(){
    console.log("Users Add Route triggered");
    this.render('users/add'); 
  }
});

这是我的jsbin:http://jsbin.com/denap/3/edit?html,js,output

1 个答案:

答案 0 :(得分:2)

您的代码存在一些错误,因为handlebars模板块由data-template-name而不是id标识。您也可以将add声明为嵌套route而不是嵌套resource - 请在此处查看更新的(&amp; working)jsbin:http://jsbin.com/yuzedacu/1/edit