如何检查组件输入值是否已更改或未更改答案

【问题标题】：How to check in a component input values is changed or not in angular如何检查组件输入值是否已更改或未更改
【发布时间】：2018-04-30 20:15:59
【问题描述】：

在角度我想检查包含任何输入值的组件是否已更改。

示例。

我有一个包含 5 个控件的页面（3 个文本框和 2 个下拉菜单）如果文本框或下拉列表中的值发生更改，我想确定是任何值已更改还是与以前一样。

如果有人可以请帮帮我..

【问题讨论】：

标签： angular

【解决方案1】：

如果您使用的是ReactiveForms，您可以使用valueChanges，例如：

this.myFormGroup.valueChanges
 .debounceTime(500) // optional
 .subscribe(data => {
   // do some stuff with `data`
 });

【讨论】：

Maxime，如何创建 myFormGroup 。你能告诉我示例代码吗？
@pushp 我建议你关注这个优秀的Todd Motto's Reactive Form tutorial，它将向你学习 Reactive Forms 及其 API 的基础。
如果在这种情况下页面中有超过 100 个控件和可编辑网格，我是否必须将这些控件显式添加到 myFormGroup 中。
不，您不必这样做，您也可以在循环中动态添加它们。

【解决方案2】：

在输入字段中写入(ngModelChange)="findchanges(inputValue)"。然后在 ts 文件中获取该输入字段的更改。

【讨论】：