0

私は、主にクライアント側のテンプレート作成の便宜のために、ember を使用しています。

ページに複数のタグがあると問題が発生します。最後のテンプレートを表示するだけです。だから私が始めるなら <script type="text/x-handlebars"> 

<script type="text/x-handlebars">
    <h1> My name is {{name}} </h1> 
    <h2> My favorite color is {{color}} </h2>
</script>

メッセージ全体が表示されます。しかし、私がそれを

<script type="text/x-handlebars">
    <h1> My name is {{name}} </h1> 
</script>
<p> This is some static content </p>
<script type="text/x-handlebars">
    <h2> My favorite color is {{color}} </h2>
</script>

好きな色のラインだけを表示します。

http://emberjs.com/examples/contacts/の例で同様の動作をコピーしようとしていますが、名前のない複数のスクリプトの実行に問題はないようです。

これを機能させるために何をする必要があるか知っている人はいますか？

4

1 に答える 1

2

それらの例は非常に時代遅れです。最新バージョンの残り火を使用してそれらをフォローしようとすると、多くのことが機能しません。

あなたの質問に固有の、emberは最後の名前のないテンプレートをアプリケーションテンプレートとして使用しますが、他のテンプレートには名前を付ける必要があります。したがって、上記の例では、data-template-name属性を追加します。

<script type="text/x-handlebars" data-template-name="color">
  <h2> My favorite color is {{color}} </h2>
</script>

これが適切に行われると、emberは残りのテンプレートを「アプリケーション」テンプレートとして使用します。次に、そのテンプレートを変更して、適切な場所に「カラー」テンプレートを挿入する必要があります。これを達成する方法はたくさんあります-ここではpartialヘルパーを使用しています：

<script type="text/x-handlebars">
  <h1> My name is {{name}} </h1> 
  {{partial "color"}}
</script>

これが実際の例です：http：//jsbin.com/uzeyum/2/edit

これがあなたが始めるのに役立つことを願っています。例は非常に古くなっているので、代わりに残り火ガイドを読むことをお勧めします！最新リリースで最新です。

于 2013-01-21T22:11:22.217 に答える