Angular

partial1.html

测试 main.html

比如说，从main.html，路由到调用partial1.html。 当运行时，html将如下所示：

测试 有什么办法可以去掉多余的标签吗？可能的话，合并标签。不中断角路由器

另外，我不想破坏CSS。这很重要

.main>.content{} 我有自己的解决办法

partial1.html

测试 main.html

@组成部分{ 选择器：.main，//而不是“partial1” templateUrl:./partial1.html， 封装：视图封装。无， } 我得到了需要的结果

测试 我有自己的解决办法

partial1.html

测试 main.html

@组成部分{ 选择器：.main，//而不是“partial1” templateUrl:./partial1.html， 封装：视图封装。无， } 我得到了需要的结果

测试

---

“额外标签”是指路由器插座？我可以删除此标签吗？或任何解决方法，无需更改现有的CSS代码.main>.content{}。div类内容必须是div类main的子级。据我所知，“partial1”标记是一个组件，因此无法删除它，因为它是该组件的起点。为什么你必须把它移除？content class div元素是main class div元素的子元素，因此CSS应该对此HTMLW有效。为什么不将CSS更改为.main>router outlet>.content，或者同时具有.main>.content和.main>router outlet>.contentBy“extra tag”您是指路由器outlet？我可以删除此标记吗？或任何解决方法，无需更改现有的CSS代码.main>.content{}。div类内容必须是div类main的子级。据我所知，“partial1”标记是一个组件，因此无法删除它，因为它是该组件的起点。为什么你必须把它移除？content class div元素是main class div元素的子元素，因此CSS应该对此HTMLW有效，为什么不将CSS更改为.main>router outlet>.content，或者将两者都更改为.main>.content以及.main>router outlet>。content只是行封装：ViewEncapsulation.None，为我做的。谢谢只是行封装：ViewEncapsulation.None，为我做的。谢谢