我可以在Typescript中定义事件吗？

Question

我们说我有一个父组件app-main-console和一个嵌套组件app-console。嵌套组件有一个表。它是主要组件加载时的初始值。

如果用户想要查看，我希望数据填充表。因此，input属性为fetchTableData。

<app-console [fetchTableData]="fetchTableData">          
</app-console>

它是一个布尔值。

@Input() fetchTableData: boolean;

是否可以定义一个事件，以便当fetchTableData的值变为true时，我可以调用后端服务？

感谢您的帮助

Answer 1

您可以使用Angular life cycle hook中的OnChanges。

ngOnChanges(changes: SimpleChanges) {
  for (let propName in changes) {
    if(propName === 'fetchTableData') {
      let chng = changes[propName];
      let cur  = chng.currentValue;
      let prev = chng.previousValue;

      if(cur && cur === true) {
        // Action you want to perform
      }

    }
  }
}