骨干视图要求我不使用的模型

时间:2013-03-13 18:01:03

标签: backbone.js backbone-views backbone-relational

我有一个用户模型,每个用户都有一个艺术家,每个艺术家都有几个专辑。我正在尝试渲染视图以显示用户个人资料。当我尝试渲染视图时,我收到以下错误:

Uncaught ReferenceError: albums is not defined
(anonymous function) b.template.c underscore-min.js:30 
Backbone.View.extend.render profile.js:13 
Backbone.Router.extend.profile router.js:62 
...

似乎我没有将相册对象传递给模板,但我没有在该模板中使用任何相册变量,也没有在视图中使用。以下是两者的代码:

查看:

headerT = require('text!templates/user/profile_header.html');
  profileT = require('text!templates/user/profile.html');
  var profilesView = Backbone.View.extend({
  el: $('#main-container'),
  initialize: function(){
     this.template = _.template(profileT);                                                                                                  
     this.artist = this.model.get('artist');
  },

  render: function(){
     $(this.el).html(this.template({
       current_user: app.current_user,
       user: this.model.toJSON(),
       artist: this.artist.toJSON(),
     }));
     return this;
  },  
});     

模板:

<div class="row">
    <div class="grid_3">
        <img src="<%=user.pict%>" class="frame" alt="">
        <span class="title">Username &ndash; <strong><%=user.username%></strong></span>
        <%if(current_user!=undefined && (current_user.get('is_admin') == true || current_user.get('id') == user.id)){%>
            <span class="title"><span class="icon user"></span> <a href="#/editProfile/">Edit Profile</a></span>
        <%}%>
        <%if(artist.active==true){%>
            <div><a href="#/artistProfile/">Go to Artist Profile</a></div>
        <%}%>
        <div class="separator"></div>
    </div>                                                                                                                                             
    <div class="clear"></div>
</div>    

1 个答案:

答案 0 :(得分:0)

我更改了持有模板的变量的名称并且它有效。我有另一个具有相同名称的变量,在另一个文件中保存了一个不同的模板(其中有专辑),而是加载了那个。我认为范围是不同的,因为它在另一个文件中,但它没有。