From 496f5a257d9e9462cd6f0ad5e4adef8c78e5fde4 Mon Sep 17 00:00:00 2001 From: Julian Matschinske <julian@vyze.ai> Date: Thu, 5 Nov 2020 15:14:06 +0100 Subject: [PATCH] Change bootstrap --- src/app/app.component.ts | 7 ------- src/app/app.module.ts | 12 ++++++++++-- src/index.html | 1 - 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 20d9f209..39258565 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 fe0ad332..7c2c8211 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 82606bab..e1dc9e2e 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"> -- GitLab