Angular-CLI import primeng

Question

Я пытаюсь получить primeng, работающий в моем проекте angular2, но еще не получил его работу.

шаги:

1. Установлено: npm install primeng --save
2. Добавлено в модуль import {DialogModule} from 'primeng/primeng'; @NgModule({... imports: [DialogModule, ...]});
3. Добавлены таблицы стилей для index.html
4. Добавлено в шаблон: <p-dialog header="Test" [(visible)]="display"> Content </p-dialog> Примечание:display: boolean = false в компоненте

У меня нет ошибок сборки или времени выполнения, ничего не происходит, когда я нажимаю кнопку, которая устанавливает display = true.

В моих исследованиях я видел много ссылок на webpack и system.js и что я должен их сопоставить. Я не могу найти эти файлы, поэтому я не уверен, относится ли это ко мне.

Edit: angular-cli@1.0.0-beta.19-3

Answer 1

шаги, которые необходимо предпринять, может помочь вам,

• Сдвиг все ваши CSS файлы primeng из index.html в angular-cli.json файл. как этот

  "styles": [ 
      "../node_modules/font-awesome/css/font-awesome.css", 
      "../node_modules/primeui/primeui-ng-all.min.css" 
      .... 
      ], 
  

  ....

• Печать переменная display в HTML для поручителя связывания, а также попробовать просто устанавливая модальность правда, по умолчанию, как этот

  <p-dialog header="Test" [(visible)]="true">.... 
  

Answer 2

Вы должны добавить его к экспорту также (чтобы сделать его видимым компонентам):

@NgModule({ 
    imports: [ DialogModule], 
    exports: [ DialogModule ] 
}) 

Answer 3

Вам просто нужно импортировать тот модуль, который вы будете использовать, который правильный.

Ваш cli.json должен выглядеть следующим образом. Кстати, это просто пример.

"styles": [ 
    "../node_modules/font-awesome/css/font-awesome.min.css", 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    "assets/layout/css/layout.css", 
    "../node_modules/primeng/resources/primeng.min.css", 
    "../node_modules/fullcalendar/dist/fullcalendar.min.css", 
    "../node_modules/quill/dist/quill.snow.css", 
    "../node_modules/nanoscroller/bin/css/nanoscroller.css", 
    "../node_modules/animate.css/animate.css", 
    "styles.css" 
    ], 
    "scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/chart.js/dist/Chart.js", 
    "../node_modules/moment/moment.js", 
    "../node_modules/fullcalendar/dist/fullcalendar.js", 
    "../node_modules/quill/dist/quill.js", 
    ],