Angular 6 WebComponent Переменные - PullRequest
Новая
       10

Angular 6 WebComponent Переменные

0 голосов
/ 01 октября 2018

У меня есть правильно сделанный компонент, который я хочу сделать веб-компонентом в angular 6. Однако после генерации веб-компонента переменные перестают работать.Например, изменение значения ползунка не изменит [(ngModel)]="amountShare".

App.module.ts 

import {BrowserModule} from '@angular/platform-browser';
import {Injector, NgModule} from '@angular/core';
import {FormsModule} from '@angular/forms';
import {AppComponent} from './app.component';
import {SectionComponent} from './section/section.component';
import {createCustomElement} from '@angular/elements';
@NgModule({
    declarations: [
        AppComponent,
        SectionComponent
    ],
    imports: [
        BrowserModule,
        FormsModule
    ],
    entryComponents: [SectionComponent],
})
export class AppModule {
    constructor(private injector: Injector) {
    }

    ngDoBootstrap() {
        const customSection = createCustomElement(SectionComponent, {injector: this.injector});
        customElements.define('custom-section', customSection);
    }
}

section.component.ts, section.component.html на codepen

...