我的应用程序中有一个作业和食谱的骨干视图。 此视图的白板内容呈现为原始文本。我需要从html中提取某些部分,然后在视图中渲染其余部分。 该视图使用具有属性的html模板。
视图呈现代码为:
render: function () {
this.$el.html(this.template(_.extend({guest: this.guest}, this.model.attributes)));
var status = this.model.get('status');
if (status == 'Running' || status == 'Completed') {
var progressbar = new RecipeProgressBar({model: this.model});
this.$('.recipe-status').append(progressbar.el);
} else if (status == 'Cancelled' || status == 'Aborted') {
$('<span/>')
.addClass('label label-warning')
.text(status)
.appendTo(this.$('.recipe-status'));
} else {
this.$('.recipe-status').text(status);
}
if (this.guest)
this.$el.addClass('guestrecipe');
return this;
}
html模板示例是:
<td class="recipe-metadata">
<span class="recipe-whiteboard"><%- **whiteboard** %></span>
<% if (!_.isEmpty(role) && role != "None" && role != "RECIPE_MEMBERS" && role != "STANDALONE") { %>
<span class="recipe-role">
Role: <%- role %>
</span>
<% } %>
在上面的代码中,&#39; whiteboard&#39;是属性。 我可以操纵模板本身的属性吗? 如何在不使用新属性的情况下渲染视图的白板内容?