Angular 路由器导航不删除以前的组件 css

Question

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

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

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

但我可以看到第二个组件具有组件 1 的 css。我如何确保在每个路由器导航上前一个组件 css 将被删除，并且只有该组件以及index.html css 应该存在？

Answer 1

您的组件应该 encapsulated ：这意味着如果您声明一个组件的 CSS，它仅适用于该组件。

如果不是这种情况，您要么：

• 将您的样式声明到通用 CSS 文件中
• 声明了一个 CSS 文件作为两个组件的样式表
• 取消封装您的组件

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