angular - 如何从输入装饰器跟踪对象值?将数据从父组件传递到子组件?
问题描述
所以我使用 Input 装饰器将数据从Parent Component
to 传递给Child Component
. 在子组件中,我使用的是反应式表单。
现在的问题是,在 中Parent Component
,我NgRx store
用来从数据可用性和基于数据可用性的基础上获取数据,reducer 从 API 或存储本身获取数据。
如果数据存在于商店中,则一切正常,即可以使用“patchValue”方法手动填写表格。
但是,如果需要从 API 获取数据,那么事情会以异步方式发生,并且我没有任何可靠的东西可以在此基础上再次填写表格。即我无法跟踪我应该何时填写表格。
解决方案
所以,这个问题的解决方案非常简单。
现在,Angular 有一个叫做生命周期钩子的东西,你可以在下面找到官方文档:
https://angular.io/guide/lifecycle-hooks
因此,要跟踪输入属性的任何更改,可以使用ngOnChanges
. 现在,当您的输入装饰器值更改时,可以使用挂钩来跟踪先前的更改和当前的更改。
*要记住ngOnChanges
的提示:在ngOnInit
.
快乐编码:)