如何在Angular中用不同的样式来样式同一个组件？

Question

你有一个子组件需要完全重新设计，当一些条件适用于父组件时，你会如何处理，在多个div上使用ngClass是最好的做法吗？

Answer 1

你需要使用 ShadowDom然后，所有的样式都将被忽略，你可以根据它的css文件来设计组件的样式，而不需要担心某些东西会影响它们。

@Component({
    encapsulation: ViewEncapsulation.ShadowDom, // <- add this
})