访问模板中的属性时出现问题-除'name'显示错误'没有定义[attributename];

问题是，当从模板访问时，除了"name"之外的所有Object属性都会在控制台中调用错误"id/url/athing is not defined"。只有"name"的模板显示良好并显示正确的名称，但一旦我调用不同的属性，例如id或url，它就会中断。传递给视图的对象是一个经过解析的静态JSON文件，所有项目都位于同一级别，可以通过控制台访问，例如collectionName.models[0].get('id');

让我感到困惑的是，name属性是有效的，就好像它是在主干/下划线代码中的某个地方预定义的一样。

我是不是错过了一些显而易见的东西？由于我可以从控制台访问模型数据，我认为视图本身处理数据的方式有问题，但我尝试过用几种不同的方式重写它，但似乎没有什么不同。

传递的对象格式。这也是collectionName.models[0].attributes;在控制台中返回的内容。

[{
"id":"0",
"name": "Building1",
"url": "building_1",
"floors":[{
    "id":"0",
    "name":"Ground Floor",
    "image":"",
    "rooms":[{
        "id": "r_1",
        "name": "Room 1",
    },
    {
        "id": "r_2",
        "name": "Room 2"
    }]
}
}]

}

示例模板代码：

<span class="name"><%= name %></span>
<%= id %> <%= url %>

路由器代码：

routes: {
  '': 'intro', // this route is using pretty much identical code and works fine, the model has the exact same format, the only difference is that all attributes work.
  ':id': 'firstLevel'    
},
firstLevel: function  (id) {
  window.singleBuilding = new ThisBuilding({}, {idBuilding: id});
  window.singleBuilding.fetch();      
  this.floorView = new FloorList({
    collection: window.singleBuilding
  });
  var $intro = $('#intro');
  $intro.empty();
  $intro.append(this.floorView.render().el);
}

视图：

window.FloorSingleList = Backbone.View.extend({
  className: 'floor-list',
  initialize: function  () {
  this.template = _.template(tpl.get('floors-list-item')); 
  _.bindAll(this, 'render');
  this.model.bind('change', this.render);
  this.testModel = this.model.attributes; // I tried passing the attributes directly to the templatewithout .toJSON(), which worked exactly the same, as in only the 'name' attribute worked
},
render: function  () {
  console.log("The test data is:", this.testModel);
  console.log("The actual model data is:", this.model);
  var renderedContent = this.template(this.model.toJSON());
  $(this.el).html(renderedContent);
  return this;
 }
});
window.FloorList = Backbone.View.extend({
tagName: 'section',
className: 'intro-list',
initialize: function () {
  this.template = _.template(tpl.get('intro-list'));
  _.bindAll(this, 'render');
  this.collection.bind('reset', this.render, this);
  this.collection.bind('change', this.render, this);
},
render: function  (eventName) {
     var $introList;
     var collection = this.collection;
  $(this.el).html(this.template({ }));
  $introList = this.$('.intro-list');
  collection.each(function (building) {
    var view = new FloorSingleList({
      model: building,
      collection: collection
    });
    $introList.append(view.render().el);
  });
  return this;
}
});

型号代码：

window.ThisBuilding = Backbone.Collection.extend({
model : Building,
initialize: function(models, options) {
  // Initialising the argument passed on from the router.
  this.idBuilding = options.idBuilding;
  return this;
},
url : function(){
  return  "data.json"      
},
parse: function (response) {
  console.log("Passed parameters are :", this.idBuilding); // Returns the request parameters passed from the router.
  return response[this.idBuilding];
}
});

模板&引导

// templates are loaded during the bootstrap 
tpl.loadTemplates(['header', 'intro-list', 'floors-list-item', 'building-list-item'], function() {
    window.App = new ExampleApp();
    Backbone.history.start();
});