如何从输入装饰器跟踪对象值？将数据从父组件传递到子组件？答案

【问题标题】：How do I track object value from Input decorator? Passing data from Parent to Child Component?如何从输入装饰器跟踪对象值？将数据从父组件传递到子组件？
【发布时间】：2021-10-13 10:02:18
【问题描述】：

所以我使用输入装饰器将数据从Parent Component 传递到Child Component。在子组件中，我使用的是响应式表单。

现在的问题是，在 Parent Component 中，我使用 NgRx store 从数据可用性中获取数据，reducer 从 API 或存储本身获取数据。

如果数据存在于店内，一切正常，即可以使用“patchValue”方法手动填写表单。

但是，如果需要从 API 获取数据，那么事情会以异步方式发生，我没有任何可靠的基础可以再次填写表单。即我无法跟踪我应该何时填写表格。

【问题讨论】：

标签： angular input angular-reactive-forms form-control formgroups

【解决方案1】：

所以，这个问题的解决方案非常简单。

现在，Angular 有一个叫做生命周期钩子的东西，你可以在下面找到官方文档：

https://angular.io/guide/lifecycle-hooks

因此，要跟踪输入属性的任何更改，可以使用ngOnChanges。现在，当您的输入装饰器值发生变化时，该挂钩可用于跟踪先前的更改和当前的更改。

*要记住的提示：ngOnChanges 在ngOnInit 之前触发。

快乐编码:)

【讨论】：