javascript - 简单的 Ember 路线不起作用？

Question

不知道为什么我无法显示编辑页面...这只是准系统吗？

我有:

App = Ember.Application.create();

App.Router.map(function(){

  this.route('bank-account.edit', { path: '/bank-account/edit' });
});

和模板:

  <script type="text/x-handlebars">
  <h1>App</h1>

  {{#link-to 'bank-account.edit'}}Bank account edit{{/link-to}}
  {{outlet}}
  </script>


  <script type="text/x-handlebars" data-template-name="bank-account.edit">
  <h3>Edit</h3>
  Where am I??
  </script>

这是 jsbin http://emberjs.jsbin.com/cetaxe/2/edit?html,js,output

Answer 1

模板名称中的句点需要转换为/

<script type="text/x-handlebars" data-template-name="bank-account/edit">
  <h3>Edit</h3>
  Where am I??
</script>

http://emberjs.jsbin.com/dagekazo/1/edit