Angular2-检测组件子变量的变化

Question

父组件

import { Component, OnChange } from '@angular/core';
import { ChildComponent } from '../../reusable/user-offers/user-offers.component';
@Component({
  ...
  directives: [ ChildComponent ]
})
export class ParentComponent implements OnChange {
  @ViewChild(ChildComponent)
    private child: ChildComponent;

  ngOnChanges() {
    detecting this.child.detectme variable...
  }

}

子组件

import { Component, Input } from '@angular/core';
@Component({
  ...
})
export class ParentComponent {    
  @Input() detectme: string;
  //in view something changes detectme value (not important here)
}

如何检测child.detectme是否已更改并打印其值？

Answer 1

您想在父组件中检测到子组件中的值已更改，对吗？ 如果是这样，则应在子组件中使用EventEmitter并发出事件。 然后，使用(eventNameFromChild)="handler($event)"语法在父组件中订阅事件。

为您创建了一个小品 。