[hotfix][runtime-web] explicitly markForCheck OnPush dynamic componen…

…t using injector
mbalassi · Aug 2, 2022 · cb2f724 · cb2f724
1 parent 57990c3
commit cb2f724
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/flink-runtime-web/web-dashboard/src/app/share/common/dynamic/dynamic-host.component.ts b/flink-runtime-web/web-dashboard/src/app/share/common/dynamic/dynamic-host.component.ts
@@ -24,7 +24,8 @@ import {
  Type,
  OnChanges,
  SimpleChanges,
- ComponentRef
+ ComponentRef,
+ ChangeDetectorRef
 } from '@angular/core';
 
 import { DynamicDirective } from '@flink-runtime-web/share/common/dynamic/dynamic.directive';
@@ -56,6 +57,9 @@ export class DynamicHostComponent implements OnChanges {
  Object.keys(this.data).forEach(k => {
  instance[k] = this.data[k];
  });
+ // https://github.com/angular/angular/issues/36667
+ // OnPush dynamic component never refresh by ComponentRef.changeDetectorRef
+ this.componentRef!.injector.get(ChangeDetectorRef).markForCheck();
  }
  }
  }