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

Angular 角度路由器导航不会删除以前的组件css,angular,angular-cli,angular-routing,Angular,Angular Cli,Angular Routing,我是angular的新手,在我的第一个angular应用程序中构建了两个组件。 在第一个组件中,我点击按钮导航到第二个组件 我使用以下代码进行导航: this.router.navigate(['../secondcomponent/'], { relativeTo: this.route }); 但是我可以看到第二个组件有组件1的css。如何确保在每个路由器导航上删除以前的组件css,并且只显示该组件以及index.html css?您的组件应封装:这意味着如果您声明某个组件的css,它仅适

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

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

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

但是我可以看到第二个组件有组件1的css。如何确保在每个路由器导航上删除以前的组件css,并且只显示该组件以及index.html css?

您的组件应封装:这意味着如果您声明某个组件的css,它仅适用于该组件

如果不是这样,您可以:

  • 将样式声明为公共CSS文件
  • 将CSS文件声明为两个组件的样式表
  • 取消封装组件

在任何情况下,解决它都会解决您的问题。你能发布你的代码让我们看看你做了什么吗

哦,是的,我的错,我已经把封装:视图封装。两个组件中都没有。感谢一个托诺问题,请考虑将您的问题标记为已解决!