Question

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

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

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

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

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

Answer 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

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

1 个答案: