Ember router 一部分页面的路由器

视图URL匹配对是否有效地意味着路由器必须控制整个页面，并且不能用于控制页面的子集？我有一种情况，页面的一部分使用Ember，最外层的容器视图被手动添加到DOM元素中。一种解决方法是将整个页面转换为余烬，但也许还有其他方法？谢谢你的指点

您可以指定

出口

以插入页面的动态部分。插座渲染当前视图。在该视图中，可以有另一个出口来显示子视图

请参见此示例：

应用程序模板

<div id="content">
  <nav> .. menu part .. </nav>
  {{outlet}}
</div>

<ul>
{{#each page in controller}}
  <li>{{#linkTo page}}{{page.name}}{{/linkTo}}</li> 
{{/each}}
</ul>
{{outlet}}

<h2>{{name}}</h2>

页面模板

<div id="content">
  <nav> .. menu part .. </nav>
  {{outlet}}
</div>

<ul>
{{#each page in controller}}
  <li>{{#linkTo page}}{{page.name}}{{/linkTo}}</li> 
{{/each}}
</ul>
{{outlet}}

<h2>{{name}}</h2>

{{name}

页面名称标题现在呈现在页面列表下方。
这样，您可以添加任意数量的动态内容