ember-router - ページの一部のルーター

Question

ビュー <--> URL マッチング ペアは、事実上、ルーターがページ全体を制御する必要があり、ページのサブセットを制御するために使用できないことを意味しますか? 最も外側のコンテナ ビューが DOM 要素に手動で追加されているページの一部に Ember が使用されている状況があります。回避策は、ページ全体を Ember に変換することですが、おそらく他の方法がありますか? ご指摘ありがとうございます。

Answer 1

You can specify outlets to insert a dynamic portion of a page. An outlet renders the current view. In that view there can be another outlet to display the subview.

See this example:

application template

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

This renders the dynamic part of your app. When you browse to for instance /pages you can display a list of pages in it. When you go to '/pages/1' there is an {{outlet}} in the pages-template which renders the page-template.

pages template

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

page template

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

The page-name header is now rendered below the pages-list.
This way you can add as much dynamic content as you want.