Fix multiple instance issue.

Encanto · May 28, 2021 · f1a0ca3 · f1a0ca3
1 parent 39106bf
commit f1a0ca3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -21,7 +21,9 @@ export class AppModule {
 
   ngDoBootstrap(){
     const fbComp = createCustomElement(FileBrowseComponent, { injector: this.injector });
-    customElements.define('file-browse', fbComp);
+    if (!customElements.get('file-browse')) {
+        customElements.define('file-browse', fbComp);  
+    }
   }
 
  }
diff --git a/src/app/file-browse/file-browse.component.ts b/src/app/file-browse/file-browse.component.ts
@@ -17,8 +17,11 @@ export class FileBrowseComponent implements OnInit {
   constructor(injector: Injector, private fileService: FileServiceService) {
     // Convert `FileBrowseComponent` to a custom element.
     const FileBrowseElement = createCustomElement(FileBrowseComponent, {injector});
-    // Register the custom element with the browser.
-    customElements.define('local-file-browse', FileBrowseElement);
+
+    if (!customElements.get('file-browse')) {
+      // Register the custom element with the browser.
+      customElements.define('file-browse', FileBrowseElement);
+    }
   }
 
   ngOnInit(): void {