Essayer d'implémenter PrimeNG dans le projet Angular 4

Question

J'essaie juste d'implémenter la bibliothèque PrimeNG dans mon projet Angular 4. Je peux voir PrimeNG dans mes dependecies et aussi dans mon dossier nodemodules mais quand je viens de faire un simple:

 <p-dataTable > 
      <p-column ></p-column> 
      <p-column ></p-column> 
      <p-column ></p-column> 
      <p-column ></p-column> 
     </p-dataTable> 

Voici l'erreur dans le navigateur de la console:

Unhandled Promise rejection: Template parse errors: 
'p-column' is not a known element: 
1. If 'p-column' is an Angular component, then verify that it is part of this module. 
2. If 'p-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" 

     <p-dataTable > 
     [ERROR ->]<p-column ></p-column> 
     <p-column ></p-column> 
     <p-column ></p-column> 
     "): ng:///AppModule/TableaudebordComponent.html@5:4 

Voici mon app.module. ts:

import { TableaudebordComponent } from './tableaudebord.component'; 
import { RouterModule, Routes } from '@angular/router' 
import { ToggleComponent } from './toggle.component'; 
import { HttpModule } from '@angular/http'; 
import { routeConfig } from './router-config'; 
import { AppComponent } from './app.component'; 
import { UserService } from './user.service'; // <-- #1 import service 

@NgModule({ 
imports:  [ BrowserModule, HttpModule,  RouterModule.forRoot(routeConfig) 
], 
declarations: [ AppComponent, DashboardComponent,   PageNotFoundComponent, NavbarComponent,PetitPaveInfraComponent, PaveInfraComponent, PetitPaveAppliComponent, DashboardnextComponent, Dashboardnext2Component, Dashboardnext3Component, PetitPaveProblemComponent, PaveProblemComponent, ToggleComponent, TableaudebordComponent ], 
providers: [ UserService ], 
bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

Answer 1

Assurez-vous d'importer les modules nécessaires pour tout composant PrimeNG que vous souhaitez utiliser. Dans ce cas, vous voulez ajouter DataTableModule & SharedModule au tableau imports dans votre app.module.ts après avoir importé les modules comme de primeng:

import {DataTableModule,SharedModule} from 'primeng/primeng';

imports: [..., DataTableModule, SharedModule]