使用选项参数jQuery的嵌套模板(jQuery Nested Templates using op

我不明白如何引用的选项参数中的嵌套模板。

请参见：

<div id="myContainer"></div>
<script type="text/javascript">
    var tmplMain = "<div><span>${title}</span>" + 
                   "<p style=\"border: solid 1px #f00\">${$item.details}</p>" +
                   "{{tmpl \"nestedTemplate\"}}</div>";

    var tmplNested = "<p style=\"border: solid 1px #0f0\">${$item.details}</p>";

    var _mainTemplate = jQuery.template("mainTemplate", tmplMain);
    jQuery.template("nestedTemplate", tmplNested);

    var _data = {title: "My Title"};
    var _options = {details: "My Details};

    jQuery.tmpl(_mainTemplate, _data, _options).appendTo("#myContainer");
</script>

将输出这样的： http://i.stack.imgur.com/r7A7g.jpg

因此，要么我没有在嵌套模板正确引用“$ {$ item.details}”或我不正确地传递选择在{{TMPL}}标签。 我难倒。

Answer 1:

您将需要通过您想要的任何选项{{tmpl}}标签。 就像是：

{{tmpl($data, { details: $item.details}) "nestedTemplate" }}

你甚至可以只通过$项目的选项，以嵌套模板，但是$项目已经不仅仅是你就可以选择更多。

样品在这里： http://jsfiddle.net/rniemeyer/Xzgpr/

文章来源: jQuery Nested Templates using options parameter