将引导CSS隔离到一个角度组件？

是否可以将引导的css文件隔离为一个角度组件

在

style.css

或

angular cli.json

中全局包含文件时，全局样式会导致不应使用引导的其他组件出现问题。我试图通过从组件的CSS文件导入它来做到这一点，但样式似乎没有正确呈现

---

我使用的是Angular 5和Angular Cli 1.7.2。

您可以使用封装属性显式设置封装策略。根据您的情况，将其设置为

viewEngularation.Native

@Component({
// ...
encapsulation: ViewEncapsulation.Native,
styles: [
  // ...
]
})
export class HelloComponent {
// ...
}

原生-主HTML中的样式不会传播到组件。此组件的@component装饰器中定义的样式仅适用于此组件。

---

参考此信息。

尝试此操作时，组件根本不呈现，有什么想法吗？不应该发生这种情况。如果可能，在浏览器控制台上会出现什么错误？共享代码？啊，最新版本的firefox似乎不支持此功能。。。TypeError:hostEl.createShadowRoot不是函数。有没有其他方法可以实现这一点？这种方法对我很有效，我找不到任何其他方法。使用-->封装：viewcapsulation.ShadowDom