javascript – 加载模板时获取异常.下划线/骨干
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 加载模板时获取异常.下划线/骨干,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1814字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 加载模板时获取异常.下划线/骨干](/upload/InfoBanner/zyjiaocheng/743/657f44b2cecd461db4241fd454989dfd.jpg)
我正在使用文本获取Uncaught ReferenceError:Id未定义异常
Uncaught ReferenceError: Id is not defined
(anonymous function)
y.templateunderscore-min.js:5
Backbone.View.extend.renderProductView.js:13
Backbone.View.extend.renderProductListView.js:15
Backbone.View.extend.initializeProductListView.js:4
g.Viewbackbone-min.js:34
dbackbone-min.js:38
appRouter.on.productsList.fetch.successAppRouter.js:18
f.extend.fetch.a.successbackbone-min.js:23
f.Callbacks.ojquery-1.7.2.min.js:2
f.Callbacks.p.fireWithjquery-1.7.2.min.js:2
wjquery-1.7.2.min.js:4
f.support.ajax.f.ajaxTransport.send.d
存储在外部文件中,模板如下所示:
<a class="thumbnail" href="#/products/<%= Id %>">
<img alt="" src="/Content/img/<%= Thumbnail %>" />
<h5><%= Title %></h5>
<p><%= Price %></p>
<p><%= Details %></p>
</a>
其对应的视图将render方法定义为:
define(['jquery', 'underscore', 'backbone', 'text!templates/product.html'], function ($, _, Backbone, productTemplate) {
var ProductView =
...
render: function() {
var data = {};
var compiledTemplate = _.template(productTemplate, data);
this.$el.append(compiledTemplate);
}
...
是什么导致异常被抛出?
谢谢!
编辑
模型定义默认值,如:
defaults: {
Id: '00000000-0000-0000-0000-000000000000',
Price: 0.0,
Category: 'empty',
Title: 'untitled',
Details: '',
Thumbnail: ''
}
解决方法:
您需要为所有插值变量提供值.像这样的模板:
<%= Id %>
被编译成一个JavaScript函数,它是这样的包装:
with(obj || {}) {
__p += '' + ((__t = Id) == null ? '' : __t ) + '';
}
打开控制台,看看this demo,你会看到.因此,您的模板函数将查找Id作为局部变量或作为传递它的数据对象中的键.
您的问题是您的数据为空:
render: function() {
var data = {}; // <------------------------------- Empty
var compiledTemplate = _.template(productTemplate, data);
this.$el.append(compiledTemplate);
}
我想你想这样说:
_.template(productTemplate, this.model.toJSON())
为了将模型的数据导入模板.
内容总结
以上是互联网集市为您收集整理的javascript – 加载模板时获取异常.下划线/骨干全部内容,希望文章能够帮你解决javascript – 加载模板时获取异常.下划线/骨干所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。