angular - 检测 @ViewChild() 中的值何时更改

Question

我得到了一个组件，它只是一个 +/- 计数器。我可以像这样从这个组件中获取我需要的值的引用:

<sas-plus-minus value="0" min="0" max="99" #adultCount></sas-plus-minus>
{{ adultCount.val }}

adultCount.val 显示来自 sas-plus-mins 组件的正确值，但我不知道如何在父级中观察此值的变化成分。我很难修改这个子组件的代码，我可能会在其中使用 Output() 将更改通知父组件。

如何在我的父组件中为这个 sas-plus-minus 的 val 注册 wathcer？

Answer 1

你可以在上面放一个监听器:

<sas-plus-minus (change)="detect($event)" value="0" min="0" max="99" #adultCount [(ngModel)]="adultCount"></sas-plus-minus>

如果 (change) 不起作用，请改用 (ngModelChange)。在你的 .ts 文件中:

detect(event){console.log(event);}

并且您可以从事件中获取值(value)。