javascript 如何检测相对于基础零部件变化的子零部件变化-Angular

5uzkadbs  于 2022-12-28  发布在  Java
关注(0)|答案(1)|浏览(128)

我有一个组件profile.component.ts,其中有一个变量this.candidate,它订阅并更新如下

this.candidateSub = this.store.select(selectCandidateState).subscribe((candidateState) => {
    this.candidate = candidateState;
 })

这个组件就像一个基本组件,并且有一个子组件扩展这个组件,

export class SkillsComponent extends profile implements OnInit, OnDestroy

现在我想在这个子组件中添加另一个变量,当this.candidate在基础组件中更新时,它会自动更新。
this.candidateSkills = this.candidate.skills
问题是我不能简单地通过在ngOnit中声明this.candidateSkills = this.candidate.skills来完成它,因为当this.candidate在基本组件中更新时,它不会 * 监视和侦听 * 更改并更新自己。
我该怎么做呢?

czfnxgou

czfnxgou1#

在父组件中:

this.storeObservable = this.store.select(selectCandidateState)

this.candidateSub = this.storeObservable.subscribe((candidateState) => {
  this.candidate = candidateState;
})

在子组件中:

this.storeObservable.subscribe((candidateState) => {
  // do something
})

相关问题