Difference between revisions of "Getting Started with PrimeNG"
Jump to navigation
Jump to search
PeterHarding (talk | contribs) (Created page with "=Links= * primeng.org * angular.io * <pre> </pre> Category: Angular") |
PeterHarding (talk | contribs) m (PeterHarding moved page Getting Started with Prime to Getting Started with PrimeNG: Incomplete name) |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
=Links= | =Links= | ||
* primeng.org | * http://primefaces.org/primeng/ | ||
* angular.io | * http://primefaces.org/primeng/#/setup | ||
* | * https://angular.io/ | ||
* | |||
=Example= | |||
<pre> | |||
ng new primeng-example | |||
cd primeng-example | |||
npm install primeng --save | |||
npm install primeicons --save | |||
ng add ... | |||
</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> | <pre> | ||
$ npm install primeng font-awesome | |||
</pre> | </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" ], ...