将angular 2（ng2）内容导入角度为1的单页webapp

Question

我目前在我的angular 1应用程序中将我的标题导入为聚合物元素。问题在于CSS漏洞并影响我的角色1内容。

有没有办法将angular 2标头导入到我的angular 1应用程序中，以便标头CSS不会泄漏？

理想我将其导入像我这样做的聚合物元件，例如：

链路的rel =“导入的” href =“somewhereelse/header.html中”

这样我可以更新不对标题内容不得不重建单页面应用程序。

Answer 1

CSS不会泄漏。它适用于。你有两种选择：

1. 更改类名/选择器，使它们不会发生碰撞。 （如果您了解CSS选择器如何工作，则不难）。此方法的效率取决于比需要重构的代码量。
2. 您在iframe中呈现标题（实际上是一个不同的文档），其所有的CSS将仅适用于该文档的内容。但是，这样可能会大大增加项目的复杂性，特别是在处理诸如响应性，跨浏览器兼容性和通常代码维护等问题时。

如果是我的决定，在我的一个项目中，我甚至不会考虑第二个选项。