javascript - 将 Angular 1 转换为 Angular 2 ngInit 函数

Question

在angular1中，我们根据ng-if条件调用函数ng-init。以下代码表示如果第一个 div 与日期 && 时间匹配，则它将检查第二个条件，检查或不检查。如果选中则自动调用 play() 函数，如果未选中则调用暂停函数。

<div ng-if="ramadan.date === date && ramadan.time === clock">
  <div ng-if="ramadan.checked" ng-init="play()"></div>
  <div ng-if="!ramadan.checked" ng-init="pause()"></div>
</div>

我想通过 angular2 typescript 转换这段代码。有什么方法可以根据 Angular 2的条件自动调用函数吗？

Answer 1

Angular2 中没有ng-init。不过，您可以轻松地自己创建这样的指令。

import { Directive, Input } from '@angular/core';

@Directive({
    selector: '[ngInit]'
})
export class NgInit {
    @Input() ngInit;
    ngOnInit() {
        if (this.ngInit) {
            this.ngInit();
        }
    }
}

然后像这样使用它

<div *ngIf="ramadan.date === date && ramadan.time === clock">
  <div *ngIf="ramadan.checked" [ngInit]="play"></div>
  <div *ngIf="!ramadan.checked" [ngInit]="pause"></div>
</div>