PrimeNg (Angular): Unterschied zwischen den Versionen

Aus Tutorials
Zur Navigation springen Zur Suche springen
Zeile 18: Zeile 18:
   "node_modules/primeng/resources/themes/omega/theme.css",
   "node_modules/primeng/resources/themes/omega/theme.css",
   "node_modules/primeng/resources/primeng.min.css"
   "node_modules/primeng/resources/primeng.min.css"
],
</pre>
=== app.module.ts ===
<pre>
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule} from '@angular/platform-browser/animations';
</pre>
<pre>
imports: [
  BrowserModule,
  BrowserAnimationsModule,
  ...
],
</pre>
== TreeTable ==
=== app.module.ts ===
<pre>
import { AccordionModule } from 'primeng/accordion';
import { TreeTableModule } from 'primeng/treetable';
</pre>
<pre>
imports: [
  ...
  TreeTableModule,
  AccordionModule,
  ...
],
],
</pre>
</pre>

Version vom 17. Juli 2018, 11:56 Uhr

General

Installation

npm install primeng --save
npm install primeicons --save

angular.json

Hier wird omega/theme.css verwendet, es gibt jedoch verschiedene verfügbare Themes:

"styles": [
  "src/styles.css",
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/omega/theme.css",
  "node_modules/primeng/resources/primeng.min.css"
],

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule} from '@angular/platform-browser/animations';
imports: [
  BrowserModule,
  BrowserAnimationsModule,
  ...
],

TreeTable

app.module.ts

import { AccordionModule } from 'primeng/accordion';
import { TreeTableModule } from 'primeng/treetable';
imports: [
  ...
  TreeTableModule,
  AccordionModule,
  ...
],

Links

Demos

https://github.com/primefaces/primeng


Zurück zu JavaScript