车把模板无法填充数据

Question

我需要输出数据并通过custum函数填充我的模板

这是我的导入

<script src="{{ asset('bundles/.../handlebars/handlebars.js') }}"></script>
<script src="{{ asset('bundles/.../handlebars_helpers.js') }}"></script>

这是我的模板到树枝页面

<script id="di_template" type="text/x-handlebars-template">
    {% verbatim %}
        <h1>Title </h1>
        Invoice {{ invoice.invoice_number }}
    {% endverbatim  %}
</script>

这是我的构建模板功能

function buildTemplate(){

    context = {
        invoice: {
            invoice_number: 'val1',
            invoice_date: 'val2',
            invoice_due_date: 'val3',
            invoice_from_company: 'val4'
        }
    };

    template = $('#di_template').html();
    template_compiled = Handlebars.compile(template);
    theCompiledHtml = template_compiled(context);
    $invoice_preview.html(theCompiledHtml); 
}

这是我的结果