Header Module

header-module.ts

import { NgModule, Injector } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';
import { Routes, RouterModule, provideRoutes } from '@angular/router';
import { HttpModule } from '@angular/http';
import { HeaderComponent } from './header.component';
import { createCustomElement } from '@angular/elements';

@NgModule({
  imports: [
    BrowserModule,
    RouterModule,
  ],
  declarations: [
    HeaderComponent
  ],
  exports: [
    HeaderComponent
  ],
  providers: [
  ],
  entryComponents:[HeaderComponent]
})

export class HeaderModule { 
  constructor(private injector: Injector){
    const customElement = createCustomElement(HeaderComponent, { injector });
    customElements.define('app-header', customElement);
  }
  
  ngDoBootstrap() { }
}