Impossible d'inclure PrimeNG dans l'application Angular 2 Webpack

Question

J'utilise ng2-admin template et j'essaie d'y inclure PrimeNG, mais j'ai du mal à l'ajouter.

modifications ci-dessous je l'ai fait dans le modèle pour inclure PrimeNG

./src/vendor.browser.ts:

// Prime faces: http://www.primefaces.org/primeng/#/setup 
import 'primeng/primeng'; 

./src/app/app.module.ts:

import { ToggleButtonModule } from 'primeng/primeng'; 

@NgModule({ 
    bootstrap: [App], 
    declarations: [ 
    App 
    ], 
    imports: [ // import Angular's modules 
    ... 
    ... 
    ... 
    ToggleButtonModule 
    ], 
    providers: [ // expose our Services and Providers into Angular's dependency injection 
    ENV_PROVIDERS, 
    APP_PROVIDERS 
    ] 
}) 

./src/app/pages/dashboard/dashboard.component.ts:

import { ToggleButtonModule } from 'primeng/primeng'; 

./src/app/pages/dashboard/dashboard.html:

<p-toggleButton [(ngModel)]="checked"></p-toggleButton> 

J'obtiens l'erreur suivante:

Can't bind to 'ngModel' since it isn't a known property of 'p-toggleButton'.

1. If 'p-toggleButton' is an Angular component and it has 'ngModel' input, then verify that it is part of this module.
2. If 'p-toggleButton' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.

Si je supprime ngModel de l'étiquette, je reçois erreur suivante:

'p-toggleButton' is not a known element:

1. If 'p-toggleButton' is an Angular component, then verify that it is part of this module.
2. If 'p-toggleButton' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.

Quelle est la bonne façon d'intégrer PrimeNG dans l'application Angular 2-Webpack? Qu'est-ce qui me manque ici?

Answer 1

Je n'ai pas encore utilisé PrimeNG, mais je l'examine.

Cependant, je pense que votre problème est plus simple à résoudre. ngModel vient de l'angulaire FormsModule. Leur documentation pourrait rendre cette dépendance plus claire. Ajouter ce à votre NgModule.

import { FormsModule } from '@angular/forms'; 

@NgModule({ 
    imports: [ 
    ... 
    FormsModule 
    ], 
    ... 
});