1

私は最初の handlebars.project に取り組んでおり、現在、ページをリロードせずにテンプレートを更新する方法を見つけようとしています。

私のテンプレートは JSON ファイルからデータを取得しており、さまざまなチェックボックスの値に基づいて、表示されるテンプレートを動的に変更したいと考えています。

部分テンプレートを使用するのが最善の方法でしょうか?

それが解決策でない場合は、チェックボックスの変更ごとに JSON をフィルタリングし、新しい JSON をハンドルバーに渡して、ページをリロードせずに再コンパイルすることを考えていました。

助けてくれてありがとう！

サンプルコード。チェックボックスで選択されている JSON オブジェクトのプロパティに基づいてテンプレートを更新しようとしています:

<script id="test" type="text/x-handlebars-template">
    {{#each this}}
        <li>
            <ul class="list-description">
                    <li><span>Type of Device: </span>{{type}}</li>
            </ul>
        </li>
    {{/each}}
</script>

この例では、{{type}} がスマートフォン、タブレット、ラップトップ、デスクトップのいずれかであるとします。

4

0 に答える 0