fix(module:lazy-targ-comp): 修复onchange狗子无法监听的问题

huajian123 · Feb 19, 2023 · 4ab71dc · 4ab71dc
1 parent 96f2245
commit 4ab71dc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/app/pages/comp/lazy/lazy-service.service.ts b/src/app/pages/comp/lazy/lazy-service.service.ts
@@ -25,14 +25,15 @@ export class LazyServiceService {
   async lazyLoadCard(selPerson: LazySelPeopleEnum = LazySelPeopleEnum.YiLin): Promise<void> {
     const viewContainerRef = this._adHost.viewContainerRef;
     const { LazyTargCompComponent } = await import('./lazy-targ-comp/lazy-targ-comp.component');
-    const { instance } = viewContainerRef.createComponent(LazyTargCompComponent);
-    instance.purChoosePeople = selPerson;
-    instance.currentPeople.pipe(takeUntil(instance.destroy$)).subscribe(() => {
-      this.create(instance.purChoosePeople);
+    const componentRef = viewContainerRef.createComponent(LazyTargCompComponent);
+    // 使用setInput api可以被onchange钩子管理
+    componentRef.setInput('purChoosePeople', selPerson);
+    componentRef.instance.currentPeople.pipe(takeUntil(componentRef.instance.destroy$)).subscribe(() => {
+      this.create(componentRef.instance.purChoosePeople);
     });
     // 实现OnChange钩子
-    (instance as any).ngOnChanges({
-      purChoosePeople: new SimpleChange(null, instance.purChoosePeople, true)
-    });
+    // (instance as any).ngOnChanges({
+    //   purChoosePeople: new SimpleChange(null, instance.purChoosePeople, true)
+    // });
   }
 }
diff --git a/src/app/pages/comp/lazy/lazy-targ-comp/lazy-targ-comp.component.ts b/src/app/pages/comp/lazy/lazy-targ-comp/lazy-targ-comp.component.ts
@@ -34,7 +34,9 @@ export class LazyTargCompComponent implements OnInit, OnChanges {
 
   ngOnInit(): void {}
 
-  ngOnChanges(changes: SimpleChanges): void {}
+  ngOnChanges(changes: SimpleChanges): void {
+    console.log(changes);
+  }
 }
 
 @NgModule({