Angular 9 ошибка mde-popover - неизвестный элемент

Question

Я работаю с angular 9 и хочу иметь поповер с опцией удаления и редактирования, когда кто-то наводит курсор на mat-card. Я импортировал mdePopoverModule в app.module.ts, но когда я хочу использовать <mde-popover>

, это выдает мне эту ошибку:

HTML:

<mat-card 
  [mdePopoverTriggerFor]="appPopover" 
  class="skill-name" 
  *ngFor="let skillcard of skillcolumn.items">
  <mat-card-content>{{skillcard.skill}}</mat-card-content>
</mat-card>

<mde-popover #appPopover="mdePopover">
  <p>test </p>
</mde-popover>

app.module.ts

import { MdePopoverModule } from '@material-extended/mde';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FlexLayoutModule,
    BrowserAnimationsModule,
    MyMaterialModule,
    MdePopoverModule,
  ],

Кто-нибудь, кто знает, что я мог бы сделать, чтобы исправить эту ошибку?

Answer 1

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