javascript - 如何在 Ember 中嵌套两条路线？

Question

如何在 ember 中正确引用路由中的路由？我只看到过使用 resource 进行嵌套。这可能只用两条路线吗？

我创建了一个名为 info 的路由，它嵌套在 about 路由中。但是当我尝试使用 {{#linkTo "info"}}Info{{/linkTo}} 或 {{#linkTo "about.info"}}Info{{/引用它时linkTo}}，我在控制台中收到错误 找不到信息路由。

应用程序.js:

App = Ember.Application.create();

App.Router.map(function() {
  this.route('about', function(){
    this.route('info');
  });
  this.route('contact');
});

哈佛大学:

<script type="text/x-handlebars" data-template-name="about">
  <h2>About</h2>
  <p>A little live editor for Ember, written in Ember.</p>

  {{ outlet }} 

</script>

<script type="text/x-handlebars" data-template-name="about/info">
  <h2>More Info</h2>
  <p>A little live editor for Ember, written in Ember.</p>
</script>

在 jsbin 中复制的示例:http://jsbin.com/fogozave/1/edit?html,js,output

Answer 1

故事:

路线是树上的叶子。叶子不会从其他叶子长出来。资源是树上的分支。分支可以有其他分支，也可以有叶子。不过，叶子是路的尽头。

作为上下文无关文法(像这样):

S as application root/resource
Re as resource
Ro as route

S  -> Re | Ro | SS | ε
Re -> Re | Ro | ReRe | ε 
Ro -> ε

现实:

App.Router.map(function() {
  this.route('foo');
  this.resource('colors', {path:'/colors'}, function(){
    this.route('bar');
    this.resource('color', {path: '/:id'}, function(){
      this.route('baz');
    });
  });
});

http://jsbin.com/fogozave/2/edit

查看此页面的资源部分。 http://emberjs.com/guides/routing/defining-your-routes/