Привет, динамически передаю html в mat-dialog, использовал пайп для санитизации dom, тем не менее элементы angular-material не отображаются в модалке, остальные элементы рендерятся
Вот html:
<div class="card" fxLayout="row" >
<div class="card-cb" fxFlex='50%' *ngFor='let day of days'>
<app-checkbox [day]='day'></app-checkbox>
</div>
</div>
<div class="pickers">
<app-datepicker [header] ='header2'></app-datepicker>
<app-datepicker [header] ='header1'></app-datepicker>
</div>
<div class="text-areas">
<app-textarea [header] ='taHeader1'></app-textarea>
<app-textarea [header] ='taHeader2'></app-textarea>
</div>
вот модалка
<div mat-dialog-content>
<mat-toolbar>{{data.header}}</mat-toolbar>
<mat-dialog-content [innerHtml] = 'data.html | dompurify'>
</mat-dialog-content>
</div>
<mat-dialog-actions>
<app-button-close (click)='close()'></app-button-close>
<app-button-save (click)='save()'></app-button-save>
</mat-dialog-actions>
Подскажите пожалуйста