将项目添加到Backbone.js中模板中的嵌套列表中



我有两个模板:

<script type="text/template" id="todo-template">    
      <label class="todo-content"><%= content %></label>
      <ul class="comment-list" style="margin-left: 2em"></ul>
</script>
<script type="text/template" id="comment-template">    
      <label class="comment-content"><%= content %></label>      
</script>

帖子项目列表中的帖子模板和评论模板。如果有很多不同的帖子,我该如何在正确的帖子中添加评论。我不能只使用

$("ul.comment-list").append(commentView.render().el);  

为了在帖子中添加评论,因为它会在所有帖子中添加注释。如何处理不同待办事项模板的相应注释列表?

这取决于你如何跟踪你的帖子。如果你有每个帖子的视图,那么在视图中,你可以通过它的$el引用正确的ul

编辑:

通过查看您的代码,我发现每个Todo都有一个子集合视图,所以当您建立集合视图时,您可以简单地在右侧el中传递

var commentCollectionView =  new CommentCollectionView({collection: commentCollection, el: this.$el.find('"ul.comment-list") };

然后在您的收藏视图中,您可以将其附加到其el 中

this.$el.append(commentView.render().el); 

最新更新