Alternative zur Verwendung von ng-init in angular2

Question

Ich versuche, eine ionic2-Anwendung zu erstellen. Ich möchte Benachrichtigungen an Benutzer senden, wenn ibeacon erkannt wird. Es funktionierte mit diesem Code in angularjs. Wie kann ich das mit angular2 wie dem folgenden Code tun?

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

Answer 1

Sie sollten es nennen in der ngOnInit

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

Answer 2

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

Grundsätzlich in obigen Code ng-controller definieren den Steuerteil, die .ts-Datei (Konstruktor) für angular2 ist, dass Sie jede Methode aufrufen oder irgendetwas von dort, auch gibt es ngOnInit() Lebenszyklus Haken in eckigen2 vorhanden.

Für weitere Informationen siehe auch hier

Difference between Constructor and ngOnInit

Answer 3

In Angular2, ng-init als "Lifecycle-hook" verwendet wird, die auf Ihre Komponenten hinzugefügt werden können. Ihre Komponenten müssen OnInit implementieren und jede Initialisierung, die Sie ausführen müssen, kann innerhalb der ngOnInit-Methode ausgeführt werden.

Sie können mehr über Angular2 Lifecycle Haken und Ansicht, die Beispiele hier lesen: https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

Answer 4

Import OnInit Richtlinie und setzen es in Ihrer Komponentenklasse. Dann kann ngOnInit verwendet werden, was ein Lebenszyklus-Haken ist. ngOnInit wird nach dem Konstruktor aufgerufen.

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 
    } 
    }