我目前正在研究一个已经存在的 Angular 项目——通过谷歌开发工具期待 html 页面,我发现 html 中添加了一些奇怪的东西——比如 _nghost... 和 _ngcontent... 我如何摆脱那些道具? 我从未在其他项目中见过他们。 我已经发现,它可能与 Angular 中的 ...
我目前正在研究一个已经存在的 Angular 项目——通过谷歌开发工具期待 html 页面,我发现 html 中添加了一些奇怪的东西——比如 _nghost... 和 _ngcontent... 我如何摆脱那些道具? 我从未在其他项目中见过他们。 我已经发现,它可能与 Angular 中的 ...
我有 2 种类型的组件,i) 登录前 ii) 登录后想为两个父组件添加 2 个不同的 css, 使用ViewEncapsulation.None它也适用于兄弟组件,这是代码的结构 如果我在ParentComponent1中添加 CSS 那么它仅适用于 ChildComponent1.1 和 Chi ...
我在我的组件中使用了一个外部组件。 我想在这个外部组件上做一些样式。 由于 Angular View Encapsulation,我在组件中定义的所有 css 都不会传播到我的 html 模板中使用的这个外部组件。 为了启用这种传播,我设置了 那个有效。 但是后来我的 css 应用于我的整个项目 ...
我正在处理一个 angular 11.2 项目,我看到一个组件的 CSS 正在应用到另一个具有相同 css 选择器名称的组件。 我怎么能阻止这个? 请帮忙 ...
我们在html元素上使用一个类来确定用户是处于应用程序的dark模式还是light模式。 此类是在检测用户所选设置的服务中使用Renderer2添加的。 到目前为止,这工作正常。 现在,我们必须调整所有组件以使其在黑暗模式下也看起来不错。 但问题是 Angular 的ViewEncapsula ...
我有一种情况,我使用 jQuery 插件来调整div大小。 使用模拟视图封装时,此元素未获取要定位的样式表中样式的属性前缀。 这是有道理的,因为我在没有 angular 知识的情况下修改 DOM(我知道这不是最佳实践)。 从插件创建的元素 - 没有属性 <div class="ui-resi ...
我试图通过添加实例 ID 来封装我的元素 ID,如下所示: 我以前使用过这个: https://stackoverflow.com/a/40140762/12858538 。 但是在将 Angular 从 7 升级到 9 之后,这似乎已被弃用。 我在考虑一个简单的帮助服务,它会为我的应用程序生成唯 ...
因此,我想将模板传递给组件,并使用从该组件而不是从调用组件应用的样式来呈现此模板。 有没有设置ViewEncapsulation.None吗? 为此,我做了一个小型的堆叠闪电战。 我希望param button也呈绿色。 https://stackblitz.com/edit/a ...
我正在使用带有本机封装的AngularElements,因此可以在bs3项目中使用bs4组件。 例: 问题是如何更改第三方组件的封装,以便全局css不会影响它? 给定NgbModalWindow组件。 如何将其封装更改为ViewEncapsulation.Native并应用特定样式 ...
什么是从宿主组件覆盖子组件样式的正确方法。 我尝试使用encapsulation: ViewEncapsulation.None但我需要在style.sass文件中而不是主机组件中写入替代内容。 什么是堆叠闪电战 ...
我目前正在做一些将Angular应用程序作为Web组件共享的实验,我遇到了一个影响另一个应用程序的样式的问题。 鉴于我使用模拟视图封装,Angular将为我的元素添加特殊的_nghost-c#和_ngcontent-c# props,并更新样式以使用它们。 现在,由于我可能在一个页面中有 ...
如何禁用ViewEncapsulation.None的效果? 例如,我的一个组件(firstComponent)定义了具有某些属性的CSS类。 有secondComponent使用相同的CSS类。 我希望我的“ secondComponent”对第一个组件样式表定义的属性使用不同的特定值。 ...
我的应用程序中有两个菜单。 他们两个都使用primeng 面板菜单 我改变了他们的CSS。 现在的问题是,将second-menu添加到我的应用程序后, left-menu的样式已更改。 我试图对它们两个都使用View encapsulation , left-menu样 ...
如何将CSS范围仅限于Angular中的模块? 当我懒惰地加载模块,并在该模块中使用ViewEncapsulation.None时,CSS会渗透到我的应用程序的其他部分。 知道如何防止这种情况,或者只为Angular 5中的那个模块保留CSS吗? ...
我在一个视图中使用了几个图表,每个图表都是它自己的组件。 我有一个LineChartComponent和一个XRangeChartComponent。 我正在使用带有XRangeChartComponent的样式文件并覆盖某些类。 但是这些样式没有在图表中应用。 经过检查,我发现样式 ...
我正在尝试通过以下方式将图像设置为整个页面的背景: app.component.html app.component.ts(注意:封装设置为none) app.component.css 问题是,当使用[ngStyle]时,图像仅覆盖页面的页眉部分。 如果不是 ...
我想覆盖我正在使用的开源组件的样式,但我能找到禁用视图封装的唯一方法是在组件的装饰器上。 当然使用第三方模块意味着我无法为其编辑源代码。 怎么可能呢? 编辑 我知道/ deep / styles的建议。 我想要做的是使用bootstrap 4中的样式覆盖第三方组件中的表样式。自 ...
我有一个Home组件内部: 在我的home.style.scss里面,我有这个: 应将背景颜色更改为绿色,但不会。 上面的css代码将产生这种风格: 最终的HTML看起来像这样: 我不知道这里有什么问题,但我认为选择器是错误的。 我希望最后的选择器是: ...
我正在使用Angular2和Material Design Components 。 并且想要覆盖一些样式,但由于ViewEncapsulation看起来不可能。 是否可以为第三方组件关闭ViewEncapsulation (ViewEncapsulation.None)? ...