Итак, для моего личного проекта я создаю библиотеку WebComponent, созданную с помощью @ angular / elements, следуя этой статье:
https://medium.freecodecamp.org/how-to-create-angular-6-custom-elements-web-components-c88814dc6e0a
Все работает гладко в неугловом контексте (базовый индекс.html, кто загружает мой скомпилированный file.js рендеринг моих веб-компонентов)
Однако всякий раз, когда я загружаю этот же файл и использую те же самые веб-компоненты в угловом приложении, они начинают вести себя странно, см.пример ниже.
Пример минимальной библиотеки из stackblitz: https://stackblitz.com/edit/angular-cdx2vf
Внутри углового приложения я вызываю свои веб-компоненты, используя этот код: <lm-button>Hello</lm-button>
Рендеринг какследуйте:
Отрендеренный исходный код:
Это правильный отрендеренный исходный кодкогда я тестирую его вне контекста углового приложения:
Итак, мой вопрос, что я делаю неправильно в моей библиотеке и / или моем угловом приложении?
Спасибо за помощь, ребята!