时间戳

首页 > 解决方案 > Angular：从输入（）获取更改

angular - Angular：从输入（）获取更改

问题描述

我有一个名为 ftn-popin-opener 的组件

<label>{{ selectedValue }}</label>

其中 selectedValue 是 Input()

@Input() selectedValue: string;

在我使用 ftn-popin-opener 的另一个组件中，我想检测每次 Input() selectedValue 何时更改：

<ftn-popin-opener
   [selectedValue]='professionalSituation | titlecase'>
</ftn-popin-opener>

我尝试使用 ngOnChanges() 但不起作用

  ngOnChanges(changes: SimpleChanges): void {
    console.log(changes.professionalSituation.currentValue);
  }

标签： angularngonchanges

解决方案

您必须在有@Input 的组件中使用 ngOnChanges 生命周期方法，在您的情况下，您必须在 popin-opener 组件中使用它

推荐阅读