ハンドルバー内の入力値を使用する方法.hbsテンプレート

Question

の入力値を*に入力します。最後の6行目に入力します。

方法であることの可能なハンドルテンプレートファイル内：.jsファイル内

{{#each content}} 
    {{#if isOddLine}} 
    <tr id = {{utr_id}} role="row" class="oddLine"> 
    {{else}} 
    <tr id = {{utr_id}} role="row" class="evenLine"> 
    {{/if}} 
    <td class="data-display-field" style="text-align: left;"><strong>{{creation_date}}</strong></td> 
    <td class="data-display-field" style="text-align: right;"><strong>{{shipper_name}}</strong></td> 
    <td class="data-display-field" style="text-align: right;"><strong>{{amount.amount_with_penny}}</strong></td> 
    <td class="data-display-field" style="text-align: right;"> 
     <input type = "text" id="utr_c"> 
    </td> 
    <td class="data-display-field" style="text-align: right;"> 
    <form action="/disbursements/get_utr_code" method="post"> 
    <input type="hidden" name="utr_id" value="{{utr_id}}"> 
    <input type="hidden" name="shipper_name" value ="{{shipper_name}}"> 
    <input type="hidden" name="biller_id" value ="{{biller_id}}"> 
    <input type="hidden" name="utrc" value = * > 
    <input type="submit" value="Submit UTR" class="btn-style" style="float:right; line-height: 12px; padding: 5px 12px; margin-right: 6px; margin-top: 5px;"> 
    </form> 
    </td> 
    </tr>   
{{/each}} 

Answer 1

試してみてください。

.hbs

<input type="hidden" name="utrc" value = {{{test_name}}} >

.es6

Template({ 
    ... 
    test_name: `"${this.model.test_name}"` 
}); 

ハンドルバー{{式}}が返すHTMLエスケープ値です。ハンドルバーが値をエスケープしないようにするには、 "トリプルスタッシュ"、{{{

ハンドルバーのドキュメントによるとhttp://handlebarsjs.com/expressions.html

Source of information