将子组件注入父组件会扭曲样式

时间:2019-04-26 12:30:25

标签: angular

我以前曾问过这个,其他人也曾问过,但对我一生来说,我仍然无法解决。这是一堆令人眼花bl乱的照片,供您查看:https://stackblitz.com/edit/angular-dpcbxm

非常具有描述性。老实说,我已经阅读了很多有关视图封装及其如何影响注入的子组件的信息,但是这3个设置没有任何改变(我也不希望一开始就弄乱它)。我尝试通过选择器执行此操作:“ [hello]”,然后...也是如此,但它什么也没改变。

我注意到插入了许多样式,例如ng_content-c4,c6 ...虽然我不知道为什么子组件的值会与其他组件不同,但我知道它们是内部的。

在角度封装页面中,我确实看到了有关对此类组件[_ng_content-c6]等进行样式设置的信息,但是在给定的时间将它们应用于子组件的不同元素,我不知道该样式化还是该样式为他们定义,因为我需要为他们定义样式。

有人可以看一下并帮助我修复它吗?

1 个答案:

答案 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