Alternative à l'utilisation de ng-init dans angular2

Question

J'essaye de construire une application ionique2. Je souhaite envoyer des notifications aux utilisateurs lorsque ibeacon est détecté. Cela a fonctionné avec ce code dans angularjs. Comment puis-je faire cela avec angular2 comme le code ci-dessous?

<div class="row" ng-controller="Example1Controller" ng-init="add()"> 

Answer 1

Vous devriez l'appeler à l'intérieur du ngOnInit

export class yourComponents implements OnInit { 
ngOnInit() { 
    this.add(); 
} 
} 

Answer 2

<div class="row" ng-controller="Example1Controller" ng-init="add()"> 

Fondamentalement dans le code ci-dessus ng-controller définissent la partie du contrôleur qui est le fichier .ts (constructeur) pour angular2 vous pouvez appeler toute méthode ou quoi que ce soit à partir de là, il y a aussi ngOnInit() crochet de cycle de vie présent en angulaire2.

Pour plus d'informations voir ici aussi

Difference between Constructor and ngOnInit

Answer 3

En Angular2, ng-init est utilisé comme un "crochet du cycle de vie" qui peut être ajouté à vos composants. Vos composants doivent implémenter OnInit et toute initialisation que vous devez effectuer peut être exécutée dans la méthode ngOnInit.

Vous pouvez en savoir plus sur les crochets du cycle de vie Angular2 et des exemples de vue ici: https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

Answer 4

directive importation OnInit et la mettre en œuvre dans votre classe de composant. Puis ngOnInit qui est le crochet de cycle de vie peut être utilisé. ngOnInit est invoqué après le constructeur.

import { Component, OnInit } from '@angular/core'; 

    @Component({  
    selector: 'app-my-component', 
    templateUrl: './my-component.component.html', 
    styleUrls: ['./my-component.component.css'] 
    }) 
    export class MyComponentComponent implements OnInit { 
    constructor() { } 
    ngOnInit() { 
     //your code 
    } 
    }