html - Angular 组件如何使用用户定义的样式表？

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;
     }
}