ang2でng-initを使用する代わりに

Question

私はionic2アプリケーションを構築しようとしています。 ibeaconが検出されたら、ユーザーに通知を送信したいと思います。これはangularjsのこのコードで働いた。次のコードのようにangular2でこれをどうすればできますか？

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

Answer 1

あなたが任意のメソッドを呼び出すことができangular2ため.TSファイル（コンストラクタ）であるコントローラ部を定義し、上記のコードでは、基本的にngOnInit

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

Answer 2

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

内ng-controllerそれを呼び出す必要がありますまたは何かそこから、ngOnInit()ライフサイクルフックがangular2にあります。詳細情報については

はここにも

Angular2でDifference between Constructor and ngOnInit

Answer 3

、NG-initは、あなたのコンポーネントに追加することができ、 "ライフサイクルフック" として使用されて参照してください。コンポーネントはOnInitを実装する必要があり、実行する必要がある初期化はngOnInitメソッドの内部で実行できます。 https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

Answer 4

インポートのOnInitディレクティブをして、コンポーネントクラスでそれを実装：

あなたはここにAngular2ライフサイクルフックとビューの例についての詳細を読むことができます。ライフサイクルフックであるngOnInitを使うことができます。 ngOnInitはコンストラクタの後に呼び出されます。

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