P-footer PrimeNG nie jest znanym błędem elementu w kątowym 2

Question

Jestem nowy w korzystaniu z PrimeNG i potrzebuję okna dialogowego z potwierdzeniem. Przeczytałem dokumentację dotyczącą okna dialogowego potwierdzenia i zaimplementowałem to na moim komponencie.

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

Anything że brakowało mi, że wyzwala błąd? Proszę, oświeć mnie.

Answer 1

Gotowy! Potrzebuję tylko importować SharedModule, aby go użyć.

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

następnie umieścić go w @NgModule

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

Answer 2

powodu nagłówka i stopki są zarezerwowane PrimeNG zmienił ci, p-p-nagłówka i stopki i tak są one wewnątrz SharedModule.