View EmberJs：嵌套视图

我有一个可以旋转div元素的视图。差不多

<div class="rotatable">
    <div class="front">
         {{outlet front}}
    </div>
    <div class="back">
        {{outlet back}}
    <div>
</div>

{{出口前}}
{{outlet back}}

现在我有了这个索引模板，其中包含两个可旋转的元素。每个可旋转元素都有不同的正面和背面。所以它可能看起来像这样

<div id="index">
    {{#rotatable}}
        {{outlet front App.FrontView1}}
        {{outlet back App.BackView1}}
    {{/rotatable}}
    {{#rotatable}}
        <div>This should show up inside {{outlet front}}</div>
        {{outlet back App.BackView2}}
    {{/rotatable}}
</div>

{{{#可旋转}}
{{outlet front App.FrontView1}}
{{outlet back App.BackView1}
{{/可旋转}}
{{{#可旋转}}
这应该显示在{{outlet front}}内
{{outlet back App.BackView2}
{{/可旋转}}

这当然不起作用，但这应该怎么做呢

---

干杯

我想这个问题有点不清楚。无论如何，答案在这篇文章中给出