2017-04-05 13 views
0

ハンドルバーの属性に変数を設定しようとしていますが、出力されていません。ジェイミーされて出力されませんどのようにハンドルバーのテンプレート属性で変数を使用する方法

const handlebars = require('handlebars'); 
const jamie = 'src-css-___grid__colTwoThree___1eBiI'; 

const search = handlebars.compile(` 
<div class="grid"> 
    <div class="{{jamie}}"> 
    </div> 
</div> 
`); 

export default search; 

出力

<div class="grid"> 
    <div class=""> 
    </div> 
</div> 

答えて

1

{{{variable}}}が3つ必要です。この

{{#each item}} 
{{/each}} 

編集などのイテレータのための

2:あなたはES6を使用している場合は、ハンドルを必要としません。

const jamie = 'src-css-___grid__colTwoThree___1eBiI'; 
 

 
const search = ` 
 
<div class="grid"> 
 
    <div class="${jamie}"> 
 
    </div> 
 
</div> 
 
`; 
 

 
export default search;

+0

、そして私の終わりにはまだ何も興奮しません。 –

+0

ハンドルバーを使用する必要があるのはなぜですか?おかげで、ここではテンプレートの上に行くのは良いリンクがありますPが、YEM、良い思考:) – Chad

+1

ハムとテンプレートリテラル文字列を使用しますリテラル文字列、別名https://www.keithcirkel.co.uk/es6-template-literals/このような条件付きロジックを投げ入れることができるため、扱いやすくなります

  • $ {capitalize(人)} $ { isAdmin? ' ' :'}}を削除します。
  • 関連する問題