ember.js route转换,但模板不呈现?

时间:2014-05-30 05:22:34

标签: templates ember.js routes router

关于此代表demo

路线:

  this.resource('index',{path:'/'}, function(){
     this.route('login',{path:'/login'});
     this.route('signup',{path: '/signup'});

  })

索引

- 登录

- 注册


index - 渲染index.hbs - > index_login.hbs

index.login --render index.hbs - > index_login.hbs

index.signup --render index.hbs - > index_signup.hbs


我不知道!我只想重用index.hbs,但我不知道如何控制。

1 个答案:

答案 0 :(得分:1)

根据您的代码:

<div class="well">
<h1>index</h1>

{{outlet}}


 Welcome Ember.js! {{#link-to 'index.signup'}}signup{{/link-to}}

</div>

默认情况下(不覆盖route.renderTemplate),当您输入index / login.hbs或index / signup.hbs时, {{outlet}} 将自动更新具体路线。

<script type="text/x-handlebars" data-template-name="index/login">
<script type="text/x-handlebars" data-template-name="index/singup">

要在转换为“index”(IndexRoute)时显示“登录”,您可以定义IndexRoute或IndexIndexRoute以重定向到IndexLoginRoute。

Yodemo.IndexIndexRoute = Ember.Route.extend({

   beforeModel: function(transition) {
     this.transitionTo('index.login');
   }

});

http://emberjs.jsbin.com/titabaxe/3/edit