无法在模板中运行两次循环

Question

嗨，我正在尝试运行两次 for 循环

<script id="row-property" type="text/x-jsrender">
    {{for }}
    <div class="row mt-2">
        <div class="col-2">
            Cell {{:count}}
        </div>
        <div class="col-2">
            <select id="cell_{{:count}}_size">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
            </select>
        </div>
    </div>
    {{/for}}        
    <div class="row mt-2">
        <div class="col-2">
            <input id="row-apply" template="row-template" template-controls="{{for }} cell_{{:count}}_size, {{/for}}" clear-before-execute="true" template-output-selector=".focused.row" value="Apply" type="button" />
        </div>
    </div>
</script>

但我得到的只是

 <div class="row mt-2">
        <div class="col-2">
            <input id="row-apply" template="row-template" template-controls=" cell_3_size, " clear-before-execute="true" template-output-selector=".focused.row" value="Apply" type="button" />
        </div>
    </div>

在第二循环中

请帮忙

Answer 1

当我渲染模板时，我需要"渲染而不迭代"，这意味着我使用数组输入模板，就像输入每个对象的模板并对其进行评估一样。

var html = songsTemplate.render(list, true);

JSRender/JSView 在我使用 for 循环时重复所有模板