diff --git a/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-state.component.ts b/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-state.component.ts index 5c02f26227..cb9055b5d3 100644 --- a/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-state.component.ts +++ b/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-state.component.ts @@ -14,7 +14,7 @@ /// limitations under the License. /// -import { Component, Input, OnDestroy, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core'; import { PageComponent } from '@shared/components/page.component'; import { Store } from '@ngrx/store'; import { AppState } from '@core/core.state'; @@ -56,7 +56,8 @@ export class DashboardStateComponent extends PageComponent implements OnInit, On private stateSubscription: Subscription; - constructor(protected store: Store) { + constructor(protected store: Store, + private cd: ChangeDetectorRef) { super(store); } @@ -68,6 +69,7 @@ export class DashboardStateComponent extends PageComponent implements OnInit, On if (this.syncParentStateParams) { this.stateSubscription = this.ctx.stateController.stateChanged().subscribe(() => { this.updateCurrentState(); + this.cd.markForCheck(); }); } }