ember.js - 为什么我们在ember js中的任何路由下都需要一个索引路由？

Question

最近在学习ember js。但是我不明白的一件事是，为什么对于所有常规路由，总是有一个默认的子路由“索引”。为什么我们需要它？有什么用例吗？

Answer 1

通过使用 index 路由，您可以显示子路由不可见的内容。例如下面的路由器:

Router.map(function () {
  this.route('parent', function () {
    this.route('child');
  });
});

父模板:

<p>I am the parent<br>
This template is visible if a user visits both /parent and /parent/child routes</p>

{{outlet}}

parent.index 模板

<p>I am still the parent<br>
This template is only visible if a user visits the /parent route<</p>

父子模板

<p>I am the child<br>
This template is only visible if a user visits the /parent/child route</p>

注意:parent.index 模板和子模板都在{{outlet}} 中呈现!