Я пытаюсь объединить Angular и SPFX вместе, используя статью Эндрю Корнелла с подходом 2 проектов.
Решение работает с однокомпонентным приложением, но приложение prod, очевидно, запускает несколько компонентов и модулей, но я не могу найти ни одной статьи, в которой упоминается, как включить полное угловое приложение в угловой элемент с помощью app.component.
Когда я пытаюсь добавить угловой элемент из корня приложения, другие компоненты вызываются, но никогда полностью не загружаются другим событием Angular, таким как OnInit
или OnDestroy
.
constructor(private injector: Injector) { }
ngDoBootstrap(appRef: ApplicationRef) {
if (!customElements.get('app-root')) {
console.log('custom', customElements.get('app-root'));
const AppElement = createCustomElement(AppComponent, { injector: this.injector });
customElements.define('app-root', AppElement);
}
}
Так можно ли запустить угловой элемент из app.component.ts, используя все другие компоненты приложения, перенаправленные с помощью углового маршрутизатора?