2016-11-18 32 views
0

私はemberで再帰的なhbsコードを作成するには?

//some ohter code 
------------------------------------- 
    {{#each items}} 
      <li> 
       {{name}} 
       {{#if items}} 
        <ul> 
         //partial should go here 
        </ul> 
       {{/if}} 
      </li> 
     {{/each}} 
--------------------------------------------------- 

を以下そして、私は再帰的に//partial should go hereを交換same sectionを使用したいが含まれているHBSファイルを持っています。どうやってやるの?任意のヘルプを歓迎

+0

あなたはそれをコンポーネントに配置したいと思うように聞こえます – mausinc

答えて

2

Emberは、彼らが取り除こうとしているテンプレートタグparitalrenderincludeを持っていたが、 今、おそらく最も良い方法はコンポーネントを利用することです。 ember-cliにいる場合は、端末を開いてember g component my-includeと入力してください。 * .jsファイルとa * .hbsファイル(ポッドを使用しているかどうかに応じて名前を付けます)を生成します。 そして、あなたが新たに作成された* .hbsファイル内で複数回使用するテンプレートコードを入れ、その後、既存のテンプレートのコードに:詳細はhttps://guides.emberjs.com/v2.9.0/components/defining-a-component/

{{#if items}} 
     <ul> 
     {{my-include}} 
     </ul> 
{{/if}} 

あなたが見てみたいことがあります

このsample working twiddleを見ることもできます。

+0

私はあなたと一緒に運動します。だから私はちょうどあなたのポストにひねりを加えました。 – ykaragol

関連する問題