2012-08-02 73 views
23

我有一个backbone.js/underscore.js模板,我将其馈送到主干视图进行渲染。视图传递了一个模型,其中包含对象的数组posts(我在模板中将其称为post)。在主干/下划线模板中使用循环

问题:当我通过阵列posts的所有元素尽量循环,我得到一个错误Uncaught SyntaxError: Unexpected token),是指在骨干查看代码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> 
+2

我认为这是最好的代码组织到新的模型和视图。通过不好的练习中的模板循环 – chchrist 2012-08-02 16:44:03

+0

我很好奇为什么你认为循环模板是不好的做法。我刚才实现了James Woodruff所示的答案,用于构建选择列表(根据情况而有所不同),并且在我看来,更容易循环遍历选项数组,而不是单独地查看称为'selectOption'或其他,然后迭代地将它附加到