Angular Elements 1. Базовый уровень
Расскажу о способе встроить ваш Angular в любую другую альтернативную систему.
Установка:
ng add @angular/elements
AppModule
не забываем убрать
// bootstrap: [AppComponent]
export class AppModule implements DoBootstrap
{
constructor(private injector: Injector) { }
ngDoBootstrap(): void
{
customElements.define('ваш селектор', createCustomElement(ваш компонент, { injector: this.injector }));
}
загружаем с помощью секций script, код нашего Web Component
<script src="runtime.js" defer></script>
<script src="polyfills.js" defer></script>
<script src="main.js" defer></script>
скрипт подключения на странице:
<script>
const el = document.createElement('ваш селектор');
document.body.appendChild(el);
</script>
