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

时间:2020-04-09 08:13:04

标签: angular angular-material popover

我正在使用角度9,并且我希望有人在mat-card上方悬停时,在其中带有删除和编辑选项的弹出窗口。我在mdePopoverModule中导入了app.module.ts,但是当我想使用<mde-popover>

它给了我这个错误:

enter image description here

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,
  ],

谁知道我该怎么做才能解决此错误?

1 个答案:

答案 0 :(得分:1)

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