web-dev-qa-db-fra.com

Le pied de page PrimeNG n'est pas une erreur d'élément connue dans angular 2

Je suis nouveau sur PrimeNG et j'ai besoin d'une boîte de dialogue de confirmation. J'ai lu la documentation sur la boîte de dialogue de confirmation et l'ai mise en œuvre sur mon composant.

mon-composant.ts

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

mon-composant.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 { }

Quelque chose qui m'a manqué qui déclenche l'erreur? S'il te plaît, éclaire-moi.

8
Mix Austria

Je l'ai! J'ai juste besoin d'importer SharedModule pour pouvoir l'utiliser.

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

puis l'inclure dans @NgModule

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

En raison de l'en-tête et du pied de page sont réservés PrimeNG a changé ceux en p-en-tête et p-bas de page et oui, ils sont à l'intérieur du SharedModule.

2
Mertcan Diken