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

【问题标题】：Is it possible to link an external style sheet in a particular component??(not globally)是否可以在特定组件中链接外部样式表？？（不是全局的）
【发布时间】：2020-04-11 20:55:37
【问题描述】：

我想要一个 Angular 6 应用程序中的 2 个组件

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

我该如何实现这个

【问题讨论】：

您的组件是否使用 SCSS？如果是，请使用@import "bootstrap.css"; 这里您需要为 bootstrap.css 文件提供正确的路径。
No iam 不使用 SCSS 文件..
我认为你可以将 bootstrap min 文件的路径添加到组件中的 stylesUrls: [] 数组中。
styleUrls: ['./login.component.css','src/assets/css/bootstrap.min.css']
这给了我错误... ./src/app/authentication/login-component/login/login.component.ts 中的错误找不到模块：错误：无法解析 './src /assets/css/bootstrap.min.css'

标签： html angular angular6 stylesheet

【解决方案1】：

您可以为此使用ViewEncapsulation。

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

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

【讨论】：

我只想禁用 bootsrap.css 文件