我以前曾问过这个,其他人也曾问过,但对我一生来说,我仍然无法解决。这是一堆令人眼花bl乱的照片,供您查看:https://stackblitz.com/edit/angular-dpcbxm
非常具有描述性。老实说,我已经阅读了很多有关视图封装及其如何影响注入的子组件的信息,但是这3个设置没有任何改变(我也不希望一开始就弄乱它)。我尝试通过选择器执行此操作:“ [hello]”,然后...也是如此,但它什么也没改变。
我注意到插入了许多样式,例如ng_content-c4,c6 ...虽然我不知道为什么子组件的值会与其他组件不同,但我知道它们是内部的。
在角度封装页面中,我确实看到了有关对此类组件[_ng_content-c6]等进行样式设置的信息,但是在给定的时间将它们应用于子组件的不同元素,我不知道该样式化还是该样式为他们定义,因为我需要为他们定义样式。
有人可以看一下并帮助我修复它吗?
答案 0 :(得分:1)
通过禁用样式封装,我能够将父项上定义的样式应用于子组件。
关于父母:
import {ViewEncapsulation} from '@angular/core';
还有
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ],
encapsulation: ViewEncapsulation.None
})
我在大家分享的Blitz上遇到了一些麻烦,但至少可以使用样式。 https://stackblitz.com/edit/angular-4grbtd