javascript - Marionette.js - Uncaught ReferenceError : text is not defined

Question

我想知道是否有人可以帮助找出这种情况下的问题所在。我在第 6 行 app.js 中收到“ Uncaught ReferenceError :文本未定义”:

((__t=( text ))==null?'':_.escape(__t))+

driver.js:

var Marionette = require('backbone.marionette');
var TodoView = require('./views/layout');

var initialData = {
  items: [
    {assignee: 'Scott', text: 'Write a book about Marionette'},
    {assignee: 'Andrew', text: 'Do some coding'}
  ]
};


var App = new Marionette.Application({
  onStart: function(options) {
    var todo = new TodoView({
      collection: new Backbone.Collection(options.initialData.items),
      model: new ToDoModel()
    });
    todo.render();
    todo.triggerMethod('show');
  }
});

App.start({initialData: initialData});

views/layout.js

var Backbone = require('backbone');
var Marionette = require('backbone.marionette');
var ToDoModel = require('../models/todo');

var FormView = require('./form');
var ListView = require('./list');


var Layout = Marionette.View.extend({
  el: '#app-hook',

  template: require('../templates/layout.html'),

  regions: {
    form: '.form',
    list: '.list'
  },

  collectionEvents: {
    add: 'itemAdded'
  },

  onShow: function() {
    var formView = new FormView({model: this.model});
    var listView = new ListView({collection: this.collection});

    this.showChildView('form', formView);
    this.showChildView('list', listView);
  },

  onChildviewAddTodoItem: function(child) {
    this.model.set({
      assignee: child.ui.assignee.val(),
      text: child.ui.text.val()
    }, {validate: true});

    var items = this.model.pick('assignee', 'text');
    this.collection.add(items);
  },

  itemAdded: function() {
    this.model.set({
      assignee: '',
      text: ''
    });
  }
});

module.exports = Layout;

todoitem.html

<%- item.text %> &mdash; <%- item.assignee %>

我可以解释一下为什么文本没有定义吗？

Answer 1

检查您的 ToDoModel 是否有拼写错误，Backbone Model 字段应该是“defaults”而不是“default”，而解析模板 Marionette View 时会查找“defaults”字段:

https://marionettejs.com/docs/master/template.html#rendering-a-model

所以 ToDoModel 代码应该像这样:

...

var ToDo = Backbone.Model.extend({
    defaults: {
        assignee: '',
        text: ''
    },
    
...