1

我正在使用 jQuery 1.9+，并且我想使用 jsRender 而不是 jQuery 模板，因为它已被弃用并且我无法在我的应用程序中使用。

我在https://github.com/BorisMoore/jsrender上看到了几个例子，尤其是第一个例子。它的代码在一个 html 文件中，它被一个 html 文件使用，但我想在一个单独的 javascript 文件中执行它。我想这样做，因为我有一个非常大的应用程序，并且我将 jquery/javascript 函数存储在一个 js 文件中。

所以我想修改这段代码：

    <script id="movieTemplate" type="text/x-jsrender">
        <div>
                {{:#index+1}}: <b>{{>name}}</b> ({{>releaseYear}})
        </div>
</script>

<div id="movieList"></div>

<script type="text/javascript">

        var movies = [
                { name: "The Red Violin", releaseYear: "1998" },
                { name: "Eyes Wide Shut", releaseYear: "1999" },
                { name: "The Inheritance", releaseYear: "1976" }
        ];


        $( "#movieList" ).html(
                $( "#movieTemplate" ).render( movies )
        );

</script>

我应该如何修改此代码以在 js 文件中使用它？或者有什么模板引擎可以用来代替 jQuery 模板插件？

提前感谢帮助！

4

1 回答 1

2

模板可以从字符串编译，也可以从 HTML 文件中的脚本块编译。

请参阅注册模板：$.templates() - 例如使用以下示例的示例：

var myTmpl = $.templates("<label>Name:</label> {{:name}}");

var person = {name: "Robert"};

var html = myTmpl.render(person);

$("#peopleList").html(html);

另请参阅网站上的其他示例，例如：

于 2013-12-16T23:41:47.100 回答