javascript - Ember、動的テンプレートでコンテンツをレンダリングする

Question

Ember v1.13.1 を使用して、私が制御していない動的 HTML コンテンツ内のコンテンツをレンダリングする方法について、少しレンガの壁にぶつかっています。この特定のシナリオでは、サービス呼び出しからナビゲーション ヘッドとナビゲーション フットを取得し、コンポーネントに配置しています。

export default Ember.Component.extend({
  // I don't control these. They come from somewhere else
  bodyStart: '<div class="header">...</div><div class="contentBody">',
  bodyEnd: '</div><footer>...</footer>',
});

したがって、私のコンポーネント テンプレートでは、次のようなことをしようとしています。

{{{bodyStart}}}
{{yield}}
{{{bodyEnd}}}

<div class="contentBody">yield コンテンツが要素内に配置されることを期待しますが、そうではありません。代わりに、コンテンツ body が の前で閉じられ、{{yield}}div を閉じる bodyEnd が無視されます。

明らかな何かが欠けている可能性があります。これを解決する方法についてのアイデアは大歓迎です。

乾杯