javascript - JsRender，如何渲染匿名数组？

Question

我有一个匿名数组被传递到 JsRender 模板中，如何引用每个元素来动态渲染它们？

这是模板代码，我已经全部设置完毕，只是不知道将什么变量传递到 {{for}} 标记中:

<script id="template" type="text/x-jsrender">
    {{for /*What goes here?*/}}
        <div id="{{>id}}" class="title">{{>title}}</div>
    {{/for}}
</script>

这是使用数据呈现模板的代码。我不知道传递给该方法的数组的长度。

$('#template').render([{
    id: 1,
    title: 'first title'
}, {
    id: 2,
    title: 'second title'
}, {
    id: 3,
    title: 'third title'
}]);

Answer 1

如果您将数组传递给 JsRender 方法，则 JsRender 将自动迭代该数组，并将将模板应用到数组中的每个项目的结果连接起来。

http://www.jsviews.com/#tmplrender

所以你不需要换行{{for ...}} 。只需写:

<script id="template" type="text/x-jsrender">
    <div id="{{>id}}" class="title">{{>title}}</div>
</script>

顺便说一句，您可以通过传递 true 告诉渲染不要自动渲染数组作为第二个参数:$('#template').render(myArray, true) 。现在，在这种情况下，您需要告诉模板本身进行迭代 - 您可以通过包装 {{for}}<div>...</div>{{/for}} 来完成此操作。 (不带参数)- 或等效于 {{for #data}}<div>...</div>{{/for}} ( #data 作为参数)。