Difference between revisions of "Getting Started with PrimeNG"

From PeformIQ Upgrade
Jump to navigation Jump to search
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"
],
...