Slide 31
Slide 31 text
Composable
Definition Pattern
Angular Elements は複数の
Component (Module) を⼀
つの Web Components とし
て定義できる。
開発時の課題と対策 ●●●●●
import { NgModule, Injector } from '@angular/core';
import { createCustomElement } from '@angular/elements';
import { AComponent } from './components/a.component';
import { BComponent } from './components/b.component';
@NgModule({
declarations: [
AComponent,
BComponent
],
})
export class AppModule {
constructor(private injector: Injector) {}
ngDoBootstrap() {
const AComponentElement = createCustomElement(
AComponent,
{ injector: this.injector }
);
const BComponentElement = createCustomElement(
BComponent,
{ injector: this.injector }
);
customElements.define('a-component', AComponentElement);
customElements.define('b-component', BComponentElement);
}
}