在 angular2 中使用 ng-init 的替代方法

Question

我正在尝试构建一个ionic2应用程序。我想在检测到 ibeacon 时向用户发送通知.它在angularjs中使用此代码。如何使用 angular2 执行此操作，如下面的代码？

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

Answer 1

你应该

在ngOnInit内调用它

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

Answer 2

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

基本上在上面的代码中ng-controller定义控制器部分，它是 angular2 的 .ts 文件(构造函数(，您可以从那里调用任何方法或任何内容，angular2 中也存在ngOnInit()生命周期钩子。

欲了解更多信息，请参阅此处

构造函数和ngOnInit之间的区别

Answer 3

在 Angular2 中，ng-init 用作可以添加到组件中的"生命周期钩子"。您的组件需要实现 OnInit，您需要执行的任何初始化都可以在 ngOnInit 方法中执行。

您可以在此处阅读有关 Angular2 生命周期钩子的更多信息并查看示例：https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

Answer 4

导入 OnInit 指令并在组件类中实现它。然后可以使用作为生命周期钩子的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
     }
    }