从子路由替换父视图

Replace parent view from child route

按照我的问题 我想用 /settings/users/1 渲染的视图替换 /settings/users/ 渲染的视图。

我的路线定义为:

Router.map(function() {
    this.route('login');
    this.resource('settings', { path: 'settings/:settings_id' }, function() {
        this.route('overview');
        this.route('users', function() {
            this.route('user', { path: ':user_id' });
        });
    });
});

我的 user.hbs 模板将在 users.hbs 包含 {{outlet}} 时呈现。我希望 user.hbs 代替 users.hbs 不在其中呈现。

将您的 users 模板更改为只是一个出口

{{outlet}}

并将用户模板中的内容放入 users/index 模板中,然后它只会在您在 users 路线上时显示,当您走得更深时,它会赢'显示索引路线。

Cool stuff in the users index template

示例:http://emberjs.jsbin.com/jacebeyira/1/edit?html,js,output