是否可以在特定组件中链接外部样式表？（非全局）

Posted 2021-04-15

我想在角度为6的应用程序中使用2个组件

我希望第一个组件使用bootstrap min.css文件，而另一个不使用

我该如何实现

答案

您可以使用ViewEncapsulation。

 @Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css'],
  encapsulation: ViewEncapsulation.ShadowDom
})

使用shadow dom确保您的基础项目样式不会被应用。