gpt4 book ai didi

javascript - 在主干/下划线模板中使用循环

转载 作者:行者123 更新时间:2023-12-03 21:34:37 26 4
gpt4 key购买 nike

我有一个backbone.js/underscore.js 模板,我将其输入到主干 View 中进行渲染。该 View 传递一个模型,其中包含对象数组 posts(我在模板中将其称为 post)。

问题:当我尝试循环遍历数组 posts 的所有元素时,收到错误 Uncaught SyntaxError: Unexpected token )并引用主干 View 代码 template: _.template( $('#tpl_SetView').html() ) 中的一行。

我是否错误地执行了循环而导致了此错误?

模板代码

<script type="text/template" id="tpl_SetView">
<div class="row_4">
<div class="photo_container">
<div class="set_cover">
<img src="/<%= posts[0].thumb_subpath %><%= posts[0].img_filename %>" width=240 />
</div>
<div class="set_thumbs">
<%= _.each(posts, function(post) { %>
<img src="<%= post.thumb_subpath %><%= posts.img_filename %>" width=55 />
<%= }); %>
</div>
</div>
</div>
</script>

最佳答案

要回显变量,请使用 <%= %> ,但是要解析javaScript代码,只需使用 <% %> .

例如:

// In your Backbone View
var posts = {"posts": this.model.toJSON()};
var template = _.template($("#tpl_SetView").html(), posts);


// In your template
<div class="row_4">
<div class="photo_container">
<div class="set_cover">
<img src="/<%= _.escape(posts[0].thumb_subpath) %><%= _.escape(posts[0].img_filename) %>" width=240 />
</div>
<div class="set_thumbs">
<% _.each(posts, function(post){ %>
<img src="<%= _.escape(post.thumb_subpath) %><%= _.escape(posts.img_filename) %>" width=55 />
<% }); %>
</div>
</div>
</div>

关于javascript - 在主干/下划线模板中使用循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11780974/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com