ハンドルバーのテンプレートには文脈が入りません

Question

私はFlaskアプリケーションを構築しており、Handlebarsテンプレートを使用してクライアント側でHTMLレンダリングを行っています。 （正確にハンドルバーのチュートリアルのように）、以下のように、私はそれを

<script id="source-template" type="text/x-handlebars-template"> 
    <div class="source-data"> 
     <span>{{last4}}</span> 
     <span>Exp : {{exp_month}}/{{exp_year}}</span> 
    </div> 
</script> 

使用しています：私は、以下の非常に基本的なハンドルバーのテンプレートをしている

var source = $('#source-template').html(); 
var template = Handlebars.compile(source); 
var context ={ 
    last4:'1234', 
    exp_month:'12', 
    exp_year:'2020' 
}; 
var html = template(context); 
console.log(html); 

それはしていないようですが

自分のコンテキストからテンプレートにデータを挿入することができます。コンソール出力は

<div class="source-data"> 
    <span></span> 
    <span>Exp :/</span> 
</div> 

ここに何か不足していますか？私は本質的にhandlebars exampleをコピーしたので、何がうまくいかないのか分かりません。

Answer 1

私はFlaskを使用しているので、スクリプトはhtmlファイルで書かれており、レンダリングされたファイルはJinjaです。

何last4という名前の変数、exp_month、フラスコのrender_template()関数に渡されたor exp_yearがなかったので、それは無い変数をハンドルバーのテンプレートを残し、何でそれらを置き換えます。インストール中に問題があると思われ

<script id="source-template" type="text/x-handlebars-template"> 
    {% raw %} 
    <div class="source-data"> 
     <span>{{last4}}</span> 
     <span>Exp : {{exp_month}}/{{exp_year}}</span> 
    </div> 
    {% endraw %} 
</script>