cost 114 ms
摆脱 chrome 开发工具 html 视图封装中的 _nghost 和 _ngcontent - get rid of _nghost and _ngcontent in chrome dev tools html view encapsulation

我目前正在研究一个已经存在的 Angular 项目——通过谷歌开发工具期待 html 页面,我发现 html 中添加了一些奇怪的东西——比如 _nghost... 和 _ngcontent... 我如何摆脱那些道具? 我从未在其他项目中见过他们。 我已经发现,它可能与 Angular 中的 ...

将父组件 css 应用于不在 Angular 中的兄弟组件中的子组件 11 - Apply parent component css to child not in sibling component in Angular 11

我有 2 种类型的组件,i) 登录前 ii) 登录后想为两个父组件添加 2 个不同的 css, 使用ViewEncapsulation.None它也适用于兄弟组件,这是代码的结构 如果我在ParentComponent1中添加 CSS 那么它仅适用于 ChildComponent1.1 和 Chi ...

Angular 视图封装与外部库 - Angular view encapsulation with external libraries

我在我的组件中使用了一个外部组件。 我想在这个外部组件上做一些样式。 由于 Angular View Encapsulation,我在组件中定义的所有 css 都不会传播到我的 html 模板中使用的这个外部组件。 为了启用这种传播,我设置了 那个有效。 但是后来我的 css 应用于我的整个项目 ...

如何根据 Angular 中的全局 CSS 类名调整组件的 CSS? - How is it possible to adjust a component's CSS based on a global CSS class-name in Angular?

我们在html元素上使用一个类来确定用户是处于应用程序的dark模式还是light模式。 此类是在检测用户所选设置的服务中使用Renderer2添加的。 到目前为止,这工作正常。 现在,我们必须调整所有组件以使其在黑暗模式下也看起来不错。 但问题是 Angular 的ViewEncapsula ...

View Encapsulation Emulated,是否可以在样式表中转义模拟封装? - View Encapsulation Emulated, is it possible to escape emulated encapsulation within a stylesheet?

我有一种情况,我使用 jQuery 插件来调整div大小。 使用模拟视图封装时,此元素未获取要定位的样式表中样式的属性前缀。 这是有道理的,因为我在没有 angular 知识的情况下修改 DOM(我知道这不是最佳实践)。 从插件创建的元素 - 没有属性 <div class="ui-resi ...

如何获取Angular中的组件唯一封装ID 9 - How to access components unique encapsulation ID in Angular 9

我试图通过添加实例 ID 来封装我的元素 ID,如下所示: 我以前使用过这个: https://stackoverflow.com/a/40140762/12858538 。 但是在将 Angular 从 7 升级到 9 之后,这似乎已被弃用。 我在考虑一个简单的帮助服务,它会为我的应用程序生成唯 ...

如何在Angular中更改第三方组件的封装? - How to change encapsulation of 3rd party component in Angular?

我正在使用带有本机封装的AngularElements,因此可以在bs3项目中使用bs4组件。 例: 问题是如何更改第三方组件的封装,以便全局css不会影响它? 给定NgbModalWindow组件。 如何将其封装更改为ViewEncapsulation.Native并应用特定样式 ...

如何命名Angular中的_nghost / _ngcontent道具? - How to namespace the _nghost/_ngcontent props in Angular?

我目前正在做一些将Angular应用程序作为Web组件共享的实验,我遇到了一个影响另一个应用程序的样式的问题。 鉴于我使用模拟视图封装,Angular将为我的元素添加特殊的_nghost-c#和_ngcontent-c# props,并更新样式以使用它们。 现在,由于我可能在一个页面中有 ...

范围CSS仅在Angular 5中模块,以防止出血到app的其他部分 - Scope CSS to module only in Angular 5 to prevent bleeding into other parts of app

如何将CSS范围仅限于Angular中的模块? 当我懒惰地加载模块,并在该模块中使用ViewEncapsulation.None时,CSS会渗透到我的应用程序的其他部分。 知道如何防止这种情况,或者只为Angular 5中的那个模块保留CSS吗? ...

ViewEncapsulation在设计高级图表时创建问题 - ViewEncapsulation creating problems while styling highcharts

我在一个视图中使用了几个图表,每个图表都是它自己的组件。 我有一个LineChartComponent和一个XRangeChartComponent。 我正在使用带有XRangeChartComponent的样式文件并覆盖某些类。 但是这些样式没有在图表中应用。 经过检查,我发现样式 ...

如何在angular2 / 4中禁用第三方组件中的视图封装? - How do you disable view encapsulation in a third party component in angular2/4?

我想覆盖我正在使用的开源组件的样式,但我能找到禁用视图封装的唯一方法是在组件的装饰器上。 当然使用第三方模块意味着我无法为其编辑源代码。 怎么可能呢? 编辑 我知道/ deep / styles的建议。 我想要做的是使用bootstrap 4中的样式覆盖第三方组件中的表样式。自 ...

如何在模拟视图封装中获取全局选择器(CSS / Angular2) - How to get global selector inside emulated view encapsulation (CSS / Angular2)

我有一个Home组件内部: 在我的home.style.scss里面,我有这个: 应将背景颜色更改为绿色,但不会。 上面的css代码将产生这种风格: 最终的HTML看起来像这样: 我不知道这里有什么问题,但我认为选择器是错误的。 我希望最后的选择器是: ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM