為什么在渲染視圖之前Backbone.js會尋找模板？

Question

我是Backbone.js的新手，並且正在編寫一個小應用程序。 我決定在單獨的文件（books.js，authors.js）中構建與每種資源（書籍，作者）相關的所有內容。 每個文件具有四個BBjs類：與給定資源相對應的模型，集合，模型視圖和集合視圖。 當僅包含此文件之一時，此方法工作正常。

現在，我正在一個屏幕上，該屏幕應在特定的作者頁面上顯示一個藏書。 我不打算呈現任何作者視圖，而只是使用作者模型。 但是，Backbone失敗，出現Uncaught TypeError: Cannot read property 'replace' of undefined (underscore.js)因為它正在尋找此頁面上不存在的模板。

我的作者視圖類如下所示：

app.AuthorView = Backbone.View.extend({
    ...
    template: _.template( $('#book-table-row-template').html() ),
    ...
    render: function(e) { ... }
});

該頁面不包含任何#book-table-row-template元素（我想這就是觸發錯誤的原因），但是我什至沒有實例化此視圖。 我究竟做錯了什么？ 還有其他更有效的方式來組織骨干課程嗎？

Answer 1

您正在立即調用_.template函數。 它不等待實例化。 而且，如果沒有#book-table-row-template ，jQuery也不會找到。

如果您希望它等待實例化， this.template在您的initialize方法中設置this.template ，如下所示：

initialize: function() {
  this.template = _.template( $('#book-table-row-template').html() );
}