<app-esri-map> does not work with angular material

esri-map does not seem to work with angular material components. Is there a work-around for this? The following code does not seem to work.

`
<mat-card>
    Hello
    <app-esri-map (mapLoadedEvent)="mapLoadedEvent($event)">
    </app-esri-map>
</mat-card>
`

Any sample code would be helpful.

Thanks!