我是primaryJs的新手,请按这里的教程进行操作。我正在为/ 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>
并且主体还包括所有其他脚本。我确定我犯了一个错误,但找不到它。请帮助,谢谢!
视频代码可在此处进行比较:
我可以在发布的代码中看到一些语法错误,这是问题的一部分。创建了变量“ 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);
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句