Difference between revisions of "Getting Started with PrimeNG"
Jump to navigation
Jump to search
PeterHarding (talk | contribs) |
PeterHarding (talk | contribs) m (PeterHarding moved page Getting Started with Prime to Getting Started with PrimeNG: Incomplete name) |
||
(6 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
* http://primefaces.org/primeng/ | * http://primefaces.org/primeng/ | ||
* http://primefaces.org/primeng/#/setup | |||
* https://angular.io/ | * https://angular.io/ | ||
* | * | ||
Line 8: | Line 9: | ||
<pre> | <pre> | ||
ng new primeng-example | |||
cd primeng-example | |||
npm install primeng --save | |||
npm install primeicons --save | |||
ng add ... | |||
</pre> | </pre> | ||
For some PrimeNG modules you will need extra modules added: | |||
@angular/cdk - which in turn requires | |||
quill | |||
chart-js | |||
<pre> | |||
npm i -s @angular/cdk | |||
npm i -s quill | |||
npm i -s chart.js | |||
</pre> | |||
<pre> | |||
$ npm install primeng font-awesome | |||
</pre> | |||
Setup the styles in angular.json file: | |||
<pre> | |||
... | |||
"styles": [ | |||
"styles.css", | |||
"node_modules/font-awesome/css/font-awesome.min.css", | |||
"node_modules/primeng/resources/primeng.min.css", | |||
"node_modules/primeng/resources/themes/nova-dark/theme.css" | |||
], | |||
... | |||
</pre> | |||
[[Category: Angular]] | [[Category: Angular]] |
Latest revision as of 11:10, 24 October 2019
Links
Example
ng new primeng-example cd primeng-example npm install primeng --save npm install primeicons --save ng add ...
For some PrimeNG modules you will need extra modules added:
@angular/cdk - which in turn requires quill chart-js
npm i -s @angular/cdk npm i -s quill npm i -s chart.js
$ npm install primeng font-awesome
Setup the styles in angular.json file:
... "styles": [ "styles.css", "node_modules/font-awesome/css/font-awesome.min.css", "node_modules/primeng/resources/primeng.min.css", "node_modules/primeng/resources/themes/nova-dark/theme.css" ], ...