Change bootstrap

496f5a25 · Julian Matschinske · bda8df47 · 496f5a25 · 496f5a25 · 496f5a25
Commit 496f5a25 authored 4 years ago by Julian Matschinske
--- 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;
  }

--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
-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);
+  }
+
 }
--- 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">