Mat-диалог не отображается должным образом при использовании в пользовательских элементах - PullRequest
Новая
       32

Mat-диалог не отображается должным образом при использовании в пользовательских элементах

0 голосов
/ 28 декабря 2018

Я пытаюсь использовать mat-dialog в своем угловом элементе.Я отлично работаю в угловом приложении, но не могу связать тему материала при сборке с пользовательским элементом.

Когда я проверяю код за пределами углового приложения, ни к одному из классов cdk не добавляется стиль.Кажется, все работает нормально при работе на угловом сервере.Как включить нужный 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";

Мой диалог должениметь абсолютное позиционирование, должно быть выровнено по центру окна и иметь фон.В настоящее время ни одно из них не относится к диалоговому окну

1 Ответ

0 голосов
/ 09 мая 2019

У меня была такая же проблема, и я сообщил об этом в Google на их странице GitHub для компонентов Angular.Теперь он помечен Google как «проблема с низким приоритетом, которую необходимо решить».

https://github.com/angular/components/issues/15968

Просто сообщаем вам и всем, кто видит эту ветку, знать, что они могут найтивозможные будущие исправления в моем посте на github, когда / если Google исправит эту проблему.

...