j'utilise PrimeNg pour mon projet angular2 et j'essaie d'ajouter un panneau dans la page. J'ai utilisé ci-dessous le code pour cela que j'ai pris du tutoriel primeng ( http://www.primefaces.org/primeng/#/panel ): -
mon fichier html a le code ci-dessous: -
<p-panel>
<p-header>
Header content here
</p-header>
Body Content
</p-panel>
J'ai ajouté des modules requis importés dans mon module de primeng: -
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { MyComponent } from './my.component';
import { CommonModule } from '@angular/common';
import { SharedModule, PanelModule } from 'primeng/primeng';
@NgModule({
imports: [
CommonModule, SharedModule, PanelModule
],
declarations: [MyComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA ]
})
export class ThemeModule { }
C'est jeter ci-dessous une erreur dans la console: -
EXCEPTION: Uncaught (promis): Erreur: Erreurs d'analyse de modèle: 'p-header' n'est pas un élément connu: 1. Si 'p-header' est un Angular composant, alors vérifiez que il fait partie de ce module. 2. Si 'p-header' est un composant Web, ajoutez "CUSTOM_ELEMENTS_SCHEMA" au '@ NgModule.schemas' de ce composant pour supprimer ce message. ("
Avec 2.0-RC.1 primeng changé et vers et si vous mettez à niveau votre version, cela fonctionnera.
Essayez d'importer SharedModule pour résoudre ce problème
import {ChartModule, CalendarModule, SharedModule} from 'primeng/primeng';
@NgModule({
imports: [
CommonModule,
FormsModule,
CalendarModule,
SharedModule,
],
C'était un problème de version. Son fonctionnement avec la version 2.
il existe un nouveau module pour cela dans la version 8.0.0. vous pouvez ajouter
import {CardModule} from 'primeng/card';
pour résoudre ce problème