How to access a models data from a view in Backbone.js ?

Backbone.js is a compact library used to organize JavaScript code. An MVC/MV* framework is another term for it. If MVC is unfamiliar to you, it simply refers to a technique for designing user interfaces. The creation of a program’s user interface is made considerably easier by JavaScript functions. BackboneJS provides a variety of building elements to aid developers in creating client-side web applications, including models, views, events, routers, and collections.

A model is the main part of any JavaScript Application, holding both the interactive data and the majority of the logic necessary to support it, including conversions, validations, computed properties, and access control. To access the model’s data from a view, you need to initialize the model and create an object of the model in the view. 

Syntax:

var demoModel= Backbone.Model.extend({
    initialize: function(){
        ...
    },
    ...
})
var demoView = Backbone.View.extend({
    initialize: function() {
        this.model = new demoMode;();
    },
    ...
}); 
var demo = new demoView();

Example 1: The code below demonstrates how we can apply the above-given approach and print the data in the JavaScript console.

Output:

 

Example 2: The code below demonstrates how we can access the model’s data and use it in the view.

Output:

 

Reference: https://backbonejs.org/#Model