Я давно играю с Angular Elements. Наша команда строит несколько независимых угловых проектов и превращает их в угловые элементы. Мы также строим основную оболочку, и эти угловые элементы будут вызываться в основной оболочке.
Основная оболочка написана Angular. До сих пор я обнаружил, что могу встраивать только угловые элементы в index.html в основной оболочке. Однако мне интересно, есть ли способ использовать угловые элементы в app.component.html?
index.html в mainShell : он работает нормально, используя app1-element здесь.
<!DOCTYPE html>
<html lang="en">
<head>
...
<script src="../../elements/app1-element.js"></script>
</head>
<body>
<app1-element></app1-element>
</body>
</html>
Структура угловых проектов показана ниже. Так как же использовать app1-element в app.component.html? Я использую подобный код там, и он не работает. Кстати, для запуска основной оболочки я использую Go Live из mainShell/src
app1
--src
----app
------app.module.ts (customElements.define('app1-element', el);)
--package.json
mainShell
--src
----app
------app.component.html (I want to use 'app1-element' here)
----index.html
--package.json
Заранее спасибо!