首页 > 解决方案 > 如何从输入装饰器跟踪对象值?将数据从父组件传递到子组件?

问题描述

所以我使用 Input 装饰器将数据从Parent Componentto 传递给Child Component. 在子组件中,我使用的是反应式表单。

现在的问题是,在 中Parent Component,我NgRx store用来从数据可用性和基于数据可用性的基础上获取数据,reducer 从 API 或存储本身获取数据。

如果数据存在于商店中,则一切正常,即可以使用“patchValue”方法手动填写表格。

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

标签: angularinputangular-reactive-formsform-controlformgroups

解决方案


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

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

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

因此,要跟踪输入属性的任何更改,可以使用ngOnChanges. 现在,当您的输入装饰器值更改时,可以使用挂钩来跟踪先前的更改和当前的更改。

*要记住ngOnChanges的提示:在ngOnInit.

快乐编码:)


推荐阅读