Не удалось включить PrimeNG в приложение Angular 2 Webpack

Question

Я использую ng2-admin template и пытаюсь включить в него PrimeNG, но я изо всех сил пытаюсь его добавить.

Ниже изменения, которые я сделал в шаблоне, чтобы включить 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> 

Я получаю следующее сообщение об ошибке:

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.

Если удалить ngModel из тега, я получаю следующую ошибку:

'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.

Каков правильный способ интеграции PrimeNG в приложение Angular 2-Webpack? Что мне здесь не хватает?

Answer 1

Я еще не использовал PrimeNG, но изучаю его.

Однако, я думаю, что ваша проблема проще решить. ngModel происходит от Углового FormsModule. Их документация может сделать эту зависимость более понятной.

Добавить это в ваш NgModule.

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

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