javascript - Backbone : 404 Not Found

Question

我是backboneJs新手，正在学习教程here 。我正在为/users 创建一条路由，并执行与教程相同的操作，但未找到 404，而在教程中它工作得很好。

我的代码:

<script>

    var Users = Backbone.Collection.extend({
        url: '/users'
    });

    var UserList = Backbone.View.extend({
        el: '.page',
        render: function() {
            var users = new Users();
            users.fetch({
                success: function(users) {
                    var tempalte = _.tempalte($('#user-list-template').html(), {users: users.models});
                    this.$el.html(template);
                }
            })
        }
    });

    var Router = Backbone.Router.extend({
        routes: {
            '': 'home'
        }
    });

    var userList = new UserList();

    var router = new Router();
    router.on('route:home', function() {
        userList.render();
    });

    Backbone.history.start();
</script>

HTML 正文

<div class="container">
    <h1> User Manager </h1>
    <hr />
    <div class="page">

    </div>
</div>

<script type="text/template" id="user-list-template">
    <h1> Testing Template</h1>
</script>

和正文还包括所有其他脚本。我确信我犯了一个错误，但无法找到它。请帮忙，谢谢!!!

Answer 1

视频代码可在此处进行比较:

index.html

我可以在发布的代码中看到一些语法错误，这些错误是问题的一部分。创建变量“tempalte”，但将“template”传递给 $el.html()。还有一个 ; user.fetch({}) 之后丢失

应该是这样的:

users.fetch({
  success: function(users) {
    var template = _.template($('#user-list-template').html(), {users: users.models});
    this.$el.html(template);
  }
});