我正在尝试对自定义组件的子元素应用样式。
选择器:
<custom-component-example></custom-component-example>
在custom-component-example.html内部:
<button>
<ng-content></ng-content>
</button>
如果我要使用这样的样式:
<custom-component-example style="color: green">some text</custom-component-example>
或者像这样:
<custom-component-example [ngStyle]="{'color': green}">some text</custom-component-example>
按钮文本不会变成绿色。样式可以是任何东西(例如字重或大小或其他任何内容)。
我也尝试了此主题的解决方案:
但是这也不能应用于子元素(例如上面示例中的按钮)。
如何传递任何给定的样式并将其应用于子元素,在示例中如何通过custom-component-example选择器传递样式并将其应用于按钮和按钮的文本?
提前致谢。