web-dev-qa-db-fra.com

'p-header' n'est pas un élément connu dans PrimeNg pour l'application Angular2

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. ("

8
Rj-s

Avec 2.0-RC.1 primeng changé et vers et si vous mettez à niveau votre version, cela fonctionnera.

7
Mertcan Diken

Essayez d'importer SharedModule pour résoudre ce problème

import {ChartModule, CalendarModule, SharedModule} from 'primeng/primeng';

@NgModule({
imports: [
    CommonModule,
    FormsModule,
    CalendarModule,
    SharedModule,
],
5
saravanakumar

C'était un problème de version. Son fonctionnement avec la version 2.

2
Rj-s

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

0
user3368703