jquery-templates - 使用选项参数的 jQuery 嵌套模板

Question

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

请参阅:

<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>

这将输出:/image/r7A7g.jpg

因此，要么我没有在嵌套模板中正确引用“${$item.details}”，要么我没有在 {{ tmpl }} 标记中正确传递选项。我被难住了。

Answer 1

您需要将所需的任何选项传递给 {{tmpl}} 标记。像这样的东西:

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

您甚至可以将 $item 作为选项传递给嵌套模板，但 $item 不仅仅包含您的选项。

示例:http://jsfiddle.net/rniemeyer/Xzgpr/