将 Elsa-Workflows-Studio 干净地包含到 Angular-Application 中

Question

我试图通过使用较低级别的单个组件（例如一些编辑器和查看器屏幕）将 Elsa-Workflows-Studio 包含到更大的插件架构的 Angular 项目中。（角度 14/节点 18）这就是我正在使用的包

我基本上遵循了这个示例应用程序和说明：

现在，我面临着干净地包含整个项目的 css 文件包的问题。

我尝试遵循示例应用程序。使用复制的资源和 2 个样式表包含到应用程序的 index.html 文件中，设计器看起来和工作得很好。但是包的样式，尤其是它的伪类，似乎覆盖了整个项目中的很多样式。

通过将它们包含到应用程序project.json 的 stlyes 部分或所使用的库之一中也会发生这种情况。我还尝试将 css 文件直接包含到受影响的组件中（或仅包含其中的某些样式），但这无论如何都不起作用

有没有其他方法可以包含包样式而不影响其他样式？

Answer 1

问题已解决：

使用如下标签封装它们：

elsa-studio-root {
    /* all the styles */
}