JSRender内联模板

Question

使用JSRender，可以使用类型为“text/x-js呈现”的脚本标记创建模板。例如。

<script id="movieTemplate" type="text/x-jsrender">
        <li>
            {{>name}} {{>releaseYear}}
        </li>
</script>

然后，可以将其呈现如下：

<script type="text/javascript">
        $("#movieList").html(
            $("#movieTemplate").render(movies)
        );
</script>

然而，对于简单的模板，我更愿意将它们内联声明，而不是在单独的“text/jsrender”脚本标记中声明。这个是可能的吗？我在想一件事：

   var myTemplate = "<li>{{>name}} {{>releaseYear}}</li>";
   var outputHtml = render(myTemplate, movies);

Answer 1

您可以使用$.templates()来完成这个任务。你离得太近了，你只是漏了一行：

var myTemplateText = "<li>{{>name}} {{>releaseYear}}</li>";
var myTemplate = $.templates(myTemplateText);
var outputHtml = myTemplate.render(movies);

但是，需要注意的是，模板的好处之一是可以将演示文稿与代码分开。这意味着，如果我是一个设计人员，我可以很容易地处理您的模板HTML，而不需要知道JavaScript逻辑。当你像我上面所说的那样做的时候，你就失去了这种能力，因为你把表达和逻辑混合在一起了。你对此是否满意取决于你。

在任何情况下，都有一些关于在JSRender网站上创建模板的不同方法的好例子。