Mat-在自定义元素中使用时对话框不能正确显示
Mat-在自定义元素中使用时对话框不能正确显示
提问于 2018-12-28 10:50:35
我正在尝试在我的angular自定义元素中使用mat-dialog。我在angular应用程序中工作得很好，但在构建自定义元素时似乎无法捆绑材质主题。
当我在angular应用程序外部检查代码时，没有任何样式附加到任何cdk类。在angular服务器中运行时，一切似乎都运行得很好。如何在自定义元素中包含所需的css？
我的app.module文件
@NgModule({
[ ...
MatFormFieldModule,
MatIconModule,
MatSelectModule,
MatInputModule,
MatDialogModule,
...
],
providers: [ConnectBackendService],
entryComponents: [AppComponent, PopupComponent]
})
export class AppModule {
constructor(private injector: Injector) {
const el = createCustomElement(AppComponent, { injector });
customElements.define('my-element', <Function>el);
}
ngDoBootstrap() {}
}和我的styles.css文件
@import "~@angular/material/prebuilt-themes/indigo-pink.css";我的对话框应该有绝对的位置，应该对齐到窗口的中心，并且应该有一个背景。目前，所有这些都不适用于对话框
回答 2
Stack Overflow用户
发布于 2019-05-09 16:13:56
我也遇到了同样的问题，我在谷歌的GitHub页面上向谷歌报告了Angular组件。它现在被谷歌标记为“需要解决的低优先级问题”。
https://github.com/angular/components/issues/15968
只想让你和其他任何看到这个帖子的人知道，这样他们就可以在我的github帖子中找到未来可能的修复方法，当/如果Google修复了这个问题。
Stack Overflow用户
发布于 2020-12-02 10:02:11
通过转到angular.json文件修复了它，将extractCss属性更改为false，并在构建文件中添加了styles.js
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53953154
复制相关文章
相似问题