使用Lodash模板渲染UI时出错

Question

我使用Lodash template，但我不确定我的代码是否正确。请帮我复习并告诉我错误。 这是图像错误：

代码使用Lodash template：

template: function(data) {
    this.element = _.template([
    '<% _.forEach(data, function(data) { %>',
      '<a class="item-recipe <%= data.highlighted %> " href="javascript:void(0);">',
        '<span class="attribution">',
          '<span class="title-recipe"><%= data.title %></span>',
          '<span class="metadata-recipe">',
            '<span class="author-recipe"><%= data.source.name %></span>',
            '<span class="bookmarks-recipe">',
              '<span class="icon-bookmark">',
                '</span> 0</span>',
              '</span>',
            '</span>',
        '<img id="<%= data.id %>" src="<%= data.source.image %>">',
      '</a>',
    '<% }); %>'
    ].join('\n'));


    return _.template(this.element)({
      data: data
    })

并将其附加到UI：

var recipe_data = self.template(data.responseJSON);
    $('#js-recipe-data').append(recipe_data);