ng-init Similar Functionality in Angular2

[Sourav Dutta]

I need to know, How can I achieve similar functionality in angular2. 

Thanks,

Sourav Dutta

[Zlatko Đurić]

On Sunday, May 1, 2016 at 10:34:38 PM UTC+2, Sourav Dutta wrote:

I need to know, How can I achieve similar functionality in angular2. 

There are several ways, depending on what you need. The simplest being - just asign the value in the constructor. But also take a look at Lifecycle hooks: https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html.

I would suggest either ngOnInit, ngAfterContentInit or ngAfterViewInit, again depending on what you want to achieve. Example with onInit:

import {Component, OnInit} from 'angular2/core';

@Component({

  selector: 'my-component',

  template: '<p>{{ message.text }} </p> <p> {{ message.num }} </p>'

})

class MyComponent implements OnInit {

    ngOnInit() {

        this.message = {

            text: 'Hello there!',

            num: 4

        };

  }

}