Angular 2指令ngAfterViewInit多次调用

Question

我很难找到为什么ngAfterViewInit被调用4次指令。  任何人都可以让我知道原因吗？我是Angular 2的新手。

以下是代码段：

  import { Directive, ElementRef, Input, AfterViewInit }from '@angular/core' @Directive({
selector: "[hightlightBaseOnName]" }) export class HightlightBaseOnName implements AfterViewInit  {

@Input() data1: any = null;

@Input() data2: any = null;

private dom: any = null;

constructor(
    private _element: ElementRef
) {
}

ngAfterViewInit(): void {
    console.log(this.data1);
    console.log(this.data2);        
}

}