PrimeNG p-footerはアンギュラ2の既知の要素エラーではありません

Question

PrimeNGを使用しているときに新しく、確認ダイアログボックスが必要です。私は確認ダイアログに関するドキュメントを読んで、私のコンポーネントに実装しました。私はそれがエラーをトリガ逃し

私-component.ts

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

私-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 { } 

何か？私を教えてください。

Answer 1

私はそれを使用するためにSharedModuleをインポートするだけです。

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

次いでので、ヘッダーとフッターの@NgModule

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

Answer 2

に含めるはPrimeNGがpヘッダおよびp-フッターにそれらを変更し、はい、彼らはSharedModuleの内側にある予約されています。