backbone.js视图模板 backbone.js视图模板|Backbone.js教程

本文概述

参数说明

Backbone.js模板方法用于创建可重用的标记副本，并提供对实例数据的访问。在视图上定义模板函数是一个很好的约定。
句法：

view.template(data)

参数说明数据：它指定呈现视图时访问的数据。
让我们举个例子。
请参阅以下示例：

< !DOCTYPE html> < head> < title>View Example< /title> < script src="http://img.readke.com/220416/0I6343Z6-0.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0I6343453-1.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0I6342Y0-2.jpg" type="text/javascript">< /script> < /head> < body> < div id="mydiv">< /div> < script type="text/javascript"> var ViewDemo = Backbone.View.extend({ el: $('#mydiv'), template: _.template("srcmini < %= tagline %>"), initialize: function(){ this.render(); }, render: function(){this.$el.html(this.template({tagline: 'A solution of all technology...'})); } }); var myview = new ViewDemo(); < /script> < /body> < /html>

输出：
【backbone.js视图模板】将以上代码保存在template.html文件中，然后在新的浏览器中打开该文件。