来自在角度应用程序内构建@ angular / elements的WebComponent的有害行为

Question

因此，对于我的个人项目，我将在本文之后构建一个使用@ angular / elements构建的WebComponent库：
https://medium.freecodecamp.org/how-to-create-angular-6-custom-elements-web-components-c88814dc6e0a

一切都可以在非角度的环境中顺利进行（基本index.html，它会加载我编译的 file.js 来呈现我的Web组件）

但是，每当我加载相同的文件并在angular应用程序中使用这些相同的Web组件时，它们就会开始表现异常，请参见下面的示例。

stackblitz中的最小库示例：https://stackblitz.com/edit/angular-cdx2vf

在一个有角度的应用程序内部，我使用以下代码调用我的Web组件：<lm-button>Hello</lm-button>

渲染如下：

呈现的源代码：

当我在有角度的应用程序上下文中进行测试时，这是正确的呈现的源代码：

所以我的问题是，我的图书馆和/或我的角度应用程序在做什么错了？

感谢帮助人员！