角组件如何使用样式表定义为用户？

Question

假定我已经创建了一个名为button的Angular组件，我希望用户在其应用中实现该组件以设置按钮的颜色。除了使用Input()装饰器，还有其他方法吗？

Answer 1

我唯一的替代方法是使用ng::deep。但是请记住，此功能很快将变为deprecated！

下面是如何使用它的示例。

app.component.html：

<my-component>
   <another-component>
      <div class="buton"></div>
   </another-component>
</my-component>

my-component.component.scss：

.someclasse ::ng-deep {
     .button {
         background-color: white;
     }
}