Open In App

How to Create Instances in Ember.js ?

Improve
Improve
Like Article
Like
Save
Share
Report

Ember.js is an open-source javascript framework to build modern web applications. It allows developers to create a single-page web application that can reduce the workload of creating so many pages to do the same task. It is based on Model-View-Controller(MVC) used to develop large client-side web applications. Most of the developers find the easiest ways to do the tasks very easily and fastly so Ember.js helps most developers to save their time by reducing their workload and providing advanced facilities to build the single-page web application. 

Steps to create an instance in ember.js:

  • We can create instances in Ember.js using create() method. We can create new instances of the class by calling its create() method. For this, we have to define a class first.
  • Define a P1 class with sayHi() method.

Javascript




App.P1 = Ember.Object.extend({
  sayHi: function(x) {
    alert(x);
  }
});


  • We can create a subclass from the existing class using extend method in Ember.js.

Javascript




App.P1View = Ember.View.extend({
  tag: 'hi',
  cNameBindings: ['isAdmin']
});


  • When we define the sub-classes then we can override the parent methods using _super() method.

Javascript




App.P1 = Ember.Object.extend({
  sayHi: function(x) {
    var name = this.get('name');
    alert(name + " says: " + x);
  }
});
  
App.S1 = App.P1.extend({
  sayHi: function(x) {
    this._super(x+ ", Done!");
  }
});
  
var fun1 = App.S1.create({
  y: "Harry Don"
});
  
fun1.sayHi("Ok");


Output:

alerts "Harry Don says: Ok, Done!"
  • Now create an instance using create() method.

Javascript




var p = App.P1.create();
p.sayHi("Hi");


Output:

alerts " says: Hi"
  • When we create an instance, we can initialize the value of its properties as shown below:

Javascript




App.P1 = Ember.Object.extend({
  hellofun: function() {
    alert("Hello world!! " + this.get('inp_name'));
  }
});
  
var harry = App.P1.create({
  inp_name: "Monty"
});
  
harry.hellofun();


Output:

alerts "Hello world!! Monty"
  • We should note that we can’t redefine the values of the instance using create method nor we can define new values. We can set only some properties using create() method.

Limitations:

  • We can’t redefine the instances computed methods.
  • We can’t define new values.
  • If we want to want to redefine the methods, then we have to create a new subclass and initiate that subclass.
  • We can set only a few simple properties using this method.


Last Updated : 14 Feb, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads