I am new in backbone i am try to implement your code for demo but i getting below error can you please tell me where i am doing mistake.
here i am attached code
Error : ReferenceError: users is not defined
_.each(users, function(user){
<title>Backbon JS</title>
<script type="text/template" id="user-list-template">
```
<% _.each(users, function(user){ %>
<% }); %>
| firstname |
lastname |
age |
|
| <%= user.get('firstname') %> |
<%= user.get('lastname') %> |
<%= user.get('age') %> |
|
```
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
<script type="text/javascript">
var Users = Backbone.Collection.extend({
url : 'http://backbone-beginner.herokuapp.com/users'
});
var UserList = Backbone.View.extend({
el: '.page',
render: function(){
var that = this;
var users = new Users();
users.fetch({
success:function(users){
var template = _.template($('#user-list-template').html(), {users: users.model});
that.$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();
console.log("We have loaded the home page");
});
Backbone.history.start();
</script>
