Angular 9 错误 mde-popover 不是已知元素

Question

我正在使用 Angular 9，并且每当有人将鼠标悬停在 mat-card 上时，我希望在其中有一个带有删除和编辑选项的弹出框。我在app.module.ts 中导入了mdePopoverModule，但是当我想使用<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

这里的问题是您正在处理的模块的范围，尝试将模块导入到您的组件需要弹出框的模块中。