Fixed blank screen issue in embedded (#338)

* Fixed blank screen issue in embedded

---------

Co-authored-by: Sharma <[email protected]>

Author: vishalshrm539

projects/angular-test-app/src/app/_samples/embedded/embedded.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy, NgZone } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -41,7 +41,10 @@ export class EmbeddedComponent implements OnInit, OnDestroy {
 
   bootstrapShell: any;
 
-  constructor(private psservice: ProgressSpinnerService) {}
+  constructor(
+    private psservice: ProgressSpinnerService,
+    private ngZone: NgZone
+  ) {}
 
   ngOnInit() {
     this.initialize();
@@ -103,11 +106,11 @@ export class EmbeddedComponent implements OnInit, OnDestroy {
     // Change to reflect new use of arg in the callback:
     const { props } = renderObj;
 
-    this.pConn$ = props.getPConnect();
-
-    this.bHasPConnect$ = true;
-
-    this.showHideProgress(false);
+    this.ngZone.run(() => {
+      this.pConn$ = props.getPConnect();
+      this.bHasPConnect$ = true;
+      this.showHideProgress(false);
+    });
   }
 
   showHideProgress(bShow: boolean) {