emberjs - 显示其他模板的基本网址

时间:2014-05-25 04:02:43

标签: javascript ember.js

如何使ember表现得像传统的mvc。

假设我的网站为mysite.com

如果我转到mysite.com,则会加载我的主页模板并将网址更改为mysite.com#/h

如何进入mysite.com并保留网址,但使用不同的模板,就像我在mvc asp.net中查看的那样

var App = Ember.Application.create();

App.Router.map(function(){
    this.resource('home', {path: '/h'} );
    this.resource('about', {path: '/a'} );
    this.resource('contact', {path: '/c'} );
});

App.ApplicationRoute = Ember.Route.extend({
     redirect: function() {
            this.transitionTo('home'); 
    }
});

1 个答案:

答案 0 :(得分:0)

在application.hbs中定义主模板,例如top和footer以及每个put {{outlet}}和创建index.hbs(在此处放置您的家庭内容)当用户在主页路由中单击时将显示主页内容如果你想在index.hbs put中添加更多模板

{{partial“foo”}}将在templates / foo.hbs中呈现模板,您也可以使用{{view“foo”}}在views / foo.js或更多{{render“中呈现视图foo“”bar“}}将使用controllers / bar.js中的控制器在views / foo.js中呈现视图

对于您的路线网址,您可以使用

App.Router.reopen({location: 'none'});

您可以在http://emberjs.com/guides/routing/specifying-the-location-api/

中查看更多信息