Вот шаги, которые я сделал для установки PrimeNG:
-
npm install primeng --save npm install primeui --save
-
Update Index.html: (мне пришлось скопировать каталоги primeng и primeui из node_modules в папку с ресурсами, чтобы избавиться от ошибки 404, не найденной)
<link href="#" onclick="location.href='https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.6/flatly/bootstrap.min.css'; return false;" rel="stylesheet"> <link href="#" onclick="location.href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'; return false;" rel="stylesheet"> <link rel="stylesheet" href="assets/styles.css"> <link rel="stylesheet" href="assets/primeui/themes/omega/theme.css"> <link rel="stylesheet" href="assets/primeui/primeui-ng-all.min.css">`
-
Обновить test.component.ts:
import {Calendar} from '../../assets/primeng/primeng'; .... export class TestComponent { dateValue:string; }
-
Обновить test.component.html:
<p-calendar formControlName="date"></p-calendar>
Результат: ничего не отображается на странице.
Я что-то пропустил?
Edit1:
- Теперь я думаю, что важно сказать, что я установил проект, используя angular -cli
- Если я добавлю
<p-calendar [(ngModel)]="dateValue"></p-calendar>
в test.component.html, я получуОшибка: нечистить (в обещании): не может назначить ссылку или переменную!
Edit2:
Я просто попробовал его в другом проекте, который не использует angular -cli:
<link rel="stylesheet" href="node_modules/primeui/themes/omega/theme.css" />
<link rel="stylesheet" href="node_modules/primeui/primeui-ng-all.min.css" />
....
import {Calendar} from 'primeng/primeng';
....
<p-calendar formControlName="date"></p-calendar>
, как только я добавлю directives:[Calendar]
, я получаю сообщение об ошибке:
http://localhost:3000/primeng/primeng 404 (не найдено)
Ошибка: ошибка: ошибка XHR (404 не найдено) loading http://localhost:3000/primeng/primeng (...)