Angular如何在组件中导入样式并将其应用于其所有子项

Question

我正在使用Angular材质，但没有时间戳。因此，作为解决方案，我想在对话框中使用ng bootstrap timepicker。 NgBootsrap需要导入styles.scss，但问题就出现了。当我在我的{{1}}中导入它时，它会覆盖材质样式。当我在我的组件中导入它时，它不会被应用到它的子节点而不是NgBootstrap时间戳。我尝试关闭ViewEncapsulation，但这就像导入{{1}}中的样式一样。

如何在组件中导入bootstrap css并将其应用于所有子组件。

Answer 1

有一个/ deep /选项可以将样式强制转换为子组件。见这里：https://angular.io/guide/component-styles#deep