我正在尝试在我的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";
我的对话框应该有绝对的位置,应该对齐到窗口的中心,并且应该有一个背景。目前,所有这些都不适用于对话框
https://stackoverflow.com/questions/53953154
复制相似问题