Angular 7 + ShadowDOM - @angular/material 皮肤的加载策略

标签 angular angular-material2 angular7 shadow-dom

我想做一个 Angular 7 应用程序,将所有 encapsulation 设置为 ViewEncapsulation.ShadowDom - 这一切都很好很好。

但我似乎找不到任何可靠的引用资料来说明处理诸如 @angular/material 之类的蒙皮问题的好方法。由于全局样式毫无值(value),我不能只遵循 Theming Angular Material 的规则因为它们......好吧,不起作用。

有人设法让它以一种体面的方式工作吗?

最佳答案

我遇到了类似的问题。但是,在我使用 ViewEncapsulation.ShadowDOM 的 Angular 元素组件中 - 我必须导入我在 angular.json 中使用的 theme.scss @import "~@angular/material/prebuilt-themes/deeppurple-amber.css"; 在组件 scss 文件中。

而且,事情成功了。

关于Angular 7 + ShadowDOM - @angular/material 皮肤的加载策略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54259454/

相关文章:

node.js - 不存在 'Access-Control-Allow-Origin' header .. Angular 7 和 Express

angular - 无法在 Ionic 3 上创建路线

angular 2 - 路由守卫返回 observable<boolean>,理解

javascript - Angular 5 : Getting a QueryList for all ContentChildren (even the ones in sub components)

Angular Material 表错误 : Can't bind to 'mdHeaderRowDef' since it isn't a known property of 'md-header-row'

Angular2 单元测试 - 未触发 MdCheckbox 中的更改事件

angular7 - Angular 6 如何返回父级然后在 router.navigate() 中返回子级

angular - 如何从动态 HTML 中获取表单值 Angular2

Angular CDK 的 OverlayModule、cdk-overlay-pane 不会将位置设置为绝对?

angular - 错误 TS5023 : Unknown compiler option 'enableIvy'