javascript - 根据复选框值动态过滤车把模板

Question

我正在处理我的第一个 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}} 可以是智能手机、平板电脑、笔记本电脑、台式机。