[英]UnderscoreJS Uncaught TypeError: Cannot call method 'replace' of undefined
在我的骨干網視圖中,我有:
noteTemplate: _.template($('#note-template').html()),
哪個拋出此錯誤。 模板是:
<script type="text/template" id="note-template">
<div class="reminder">
<div class="reminder-hover">
<div class="title"><%= title %></div>
<div class="created">Created 3 days ago <span class="pull-right"> In 3 hours</span></div>
</div>
<span class="id" style="display: none;"><%= id %></span>
</div>
</script>
我很困惑,因為這在我的控制台中有效:
>> _.template($('#note-template').html());
function (n){return e.call(this,n,w)}
這是完整的代碼:
App.Views.Index = Backbone.View.extend({
el: $("div.reminders"),
todays : $("span.today"),
tomorrows : $("span.tomorrow"),
weeks : $("span.week"),
all_times : $("span.all-time"),
noteTemplate: _.template($('#note-template').html()),
events: {
"click .reminder" : "editNote",
"click .newNote" : "newNote"
},
initialize : function() {
_.bindAll(this, 'render');
this.notes = this.options.notes;
this.listenTo(this.model, 'change', this.render);
},
render : function() {
// Hide things related to editing a note
this.$("[name=content]").hide().val("");
this.$("[name=title]").hide().val("");
this.$("save1").hide();
this.$("close1").hide();
// Fill in content
this.$el.html( this.noteTemplate( this.model.toJSON() ) );
this.$todays.html( collection.getTodays.length );
this.$tomorrows.html( collection.getTomorrows.length );
this.$weeks.html( collection.getWeeks.length );
this.$all_times.html( collection.getAllTimes.length );
return this;
},
editNote : function() {
this.goTo("notes/"+this.model.id);
},
newNote : function(){
this.goTo("newNote");
}
});
定義視圖時,不要嘗試在定義方法時高速緩存注釋模板HTML。
initialize : function() {
// ...
this.nodeTemplate = _.template($('#note-template').html());
}
您很有可能在加載DOM(以及模板)之前定義視圖。
另一個解決方案是將標簽腳本移動到調用視圖的上方,像這樣(我使用的是玉石)
script#page-thumb(type='text/template')
.page-thumb-container.relative
.page-thumb
.image
figure
img(src='{{ image }}' , width='80px',height='60px' , data-id='{{ id }}')
span.title {{ title }}
.page-dragger.absolute
script(src='js/src/views/PageThumbView.js')
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.