Динамически фильтровать шаблон руля на основе значения флажка

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}} может быть либо смартфоном, планшетом, ноутбуком, настольным компьютером.