web-dev-qa-db-ja.com

PrimeNG p-footerは、angular 2の既知の要素エラーではありません

PrimeNGの使用は初めてで、確認ダイアログボックスが必要です。確認ダイアログに関するドキュメントを読み、コンポーネントに実装しました。

my-component.ts

import { ConfirmDialogModule, ConfirmationService } from 'primeng/primeng';

my-component.html

 <p-confirmDialog header="Order Confirmation" icon="fa fa-question-circle" width="425" #cd>
     <p-footer>
        <button type="button" pButton icon="fa-close" label="No" (click)="cd.reject()"></button>
        <button type="button" pButton icon="fa-check" label="Yes" (click)="cd.accept()"></button>
     </p-footer>
 </p-confirmDialog>

app.module.ts

import { ConfirmDialogModule, ConfirmationService } from 'primeng/primeng'; 

@NgModule({
  declarations: [
  ],
  imports: [
    BrowserModule,
    ConfirmDialogModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule,
    AppRoutingModule
  ],
  providers: [ConfirmationService],
  bootstrap: [AppComponent]
})
export class AppModule { }

エラーの引き金となる、見逃したものはありますか？教えてください。

angularprimeng
8
Mix Austria

とった！ SharedModuleを使用するには、インポートする必要があります。

import { ConfirmDialogModule, ConfirmationService, SharedModule } from 'primeng/primeng';

次に、それを@NgModuleに含めます

@NgModule({
  declarations: [
  ],
  imports: [
    ConfirmDialogModule,
    SharedModule
  ],
  providers: [ConfirmationService],
  bootstrap: [AppComponent]
})
11
Mix Austria

ヘッダーとフッターが予約されているため、PrimeNGはそれらをp-headerとp-footerに変更しました。はい、それらはSharedModule内にあります。

2
Mertcan Diken