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中定义了控制器部分，它是.ts文件（构造函数），对于angular2你可以从那里调用任何方法或任何东西，在angular2中也有ngOnInit()生命周期钩子

有关详情，请参阅此处

Difference between Constructor and 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
     }
    }

替代在angular2中使用ng-init

4 个答案: