我有一个父零部件:
<parent></parent>
我想用子组件填充这个组:
<parent>
<child></child>
<child></child>
<child></child>
</parent>
父模板:
<div class="parent">
<!-- Children goes here -->
<ng-content></ng-content>
</div>
子模板:
<div class="child">Test</div>
由于parent
和child
是两个独立的组件,因此它们的样式锁定在各自的范围内.
在我的父组件中,我try 执行以下操作:
.parent .child {
// Styles for child
}
但这.child
种样式并没有应用于child
个组件.
我try 使用styleUrls
将parent
的样式表包含到child
组件中,以解决范围问题:
// child.component.ts
styleUrls: [
'./parent.component.css',
'./child.component.css',
]
但这没有帮助,我还try 了另一种方法,将child
样式表提取到parent
中,但这也没有帮助.
那么,如何设置包含在父零部件中的子零部件的样式呢?