diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 20d9f209e3a8906fe11ea2c8cae25ecd005548c7..392585652a9d59809fdb438cde21fd151079dfa2 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -10,13 +10,6 @@ import {createCustomElement} from '@angular/elements';
export class AppComponent {
mobileWindowExpanded = false;
- constructor(injector: Injector) {
- // Convert `PopupComponent` to a custom element.
- const NetworkExpander = createCustomElement(ExplorerPageComponent, {injector});
- // Register the custom element with the browser.
- customElements.define('network-expander', NetworkExpander);
- }
-
public toggleMobileMenu() {
this.mobileWindowExpanded = !this.mobileWindowExpanded;
}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index fe0ad3320467188e63f9537d380707c4119ef5bf..7c2c8211fecc72e78cf44a404a502b9fb8fd1c24 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -1,4 +1,4 @@
-import {NgModule} from '@angular/core';
+import {Injector, NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {NgSelectModule} from '@ng-select/ng-select';
import {CommonModule} from '@angular/common';
@@ -20,6 +20,7 @@ import {CustomProteinsComponent} from './dialogs/custom-proteins/custom-proteins
import {AnalysisService} from './analysis.service';
import { AddExpressedProteinsComponent } from './dialogs/add-expressed-proteins/add-expressed-proteins.component';
+import {createCustomElement} from '@angular/elements';
@NgModule({
@@ -46,7 +47,14 @@ import { AddExpressedProteinsComponent } from './dialogs/add-expressed-proteins/
TableModule,
],
providers: [AnalysisService],
- bootstrap: [AppComponent],
})
export class AppModule {
+
+ constructor(injector: Injector) {
+ // Convert `PopupComponent` to a custom element.
+ const NetworkExpander = createCustomElement(ExplorerPageComponent, {injector});
+ // Register the custom element with the browser.
+ customElements.define('network-expander', NetworkExpander);
+ }
+
}
diff --git a/src/index.html b/src/index.html
index 82606bab20070a8b2d3c37319b4116f26726e3cc..e1dc9e2e6607045e25aa9fa2f483a3425900e333 100644
--- a/src/index.html
+++ b/src/index.html
@@ -14,7 +14,6 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head>
<body>
-<app-root></app-root>
<button onclick="setNetwork('netexp1')">Set Network 1</button>
<button onclick="setNetwork('netexp2')">Set Network 2</button>
<div style="border: 3px solid red">