角度路由器导航不会删除以前的组件css

Question

我是角色的新手，并在我的第一个角应用中构建了两个组件。 在第一个组件中，我点击按钮导航到第二个组件。

我使用以下代码进行导航：

this.router.navigate(['../secondcomponent/'], { relativeTo: this.route });

但是我可以看到第二个组件有组件1的css。我怎样才能确保在每个路由器上导航前一个组件css将被删除，只有那个组件以及index.html css应该存在？

Answer 1

您的组件应封装：这意味着如果您声明组件的CSS，则它仅适用于该组件。

如果不是这种情况，您可以：

• 将您的样式声明为一个常见的CSS文件
• 将CSS文件声明为两个组件的样式表
• 未封装的组件

在所有情况下，解决它都可以解决您的问题。您可以发布您的代码，以便我们可以看到您做了什么吗？