Angular Component上的条件样式表？

Question

我有一种情况，我需要几乎相同的组件，除了样式表中的1个变量。所以，让我们说我有组件1的css：

.selector {
    background-color: 'red';
    margin: 12px;
}

and component2＆＃39; css：

.selector {
    background-color: 'red';
}

假设两个组件上的HTML都是相同的，以及.ts代码。 但是，每个内容都有一个ng-content，有没有办法添加margin: 12px对于component2非常重要。

在组件声明中，是否有一种方法可以使用条件样式，甚至是样式表（在这种情况下，其中的变化比margin: 12px更多，但其他一切都是同样）？

Answer 1

你有没有想过继承？也许Component2可以扩展Component1但引用不同的styleUrl。这样，Component2将包含Component1

中包含的所有逻辑和变量

min_int