PrimeNg (Angular): Unterschied zwischen den Versionen

Aus Tutorials
Zur Navigation springen Zur Suche springen
Zeile 41: Zeile 41:


<pre>
<pre>
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AccordionModule } from 'primeng/accordion';
import { AccordionModule } from 'primeng/accordion';
import { TreeTableModule } from 'primeng/treetable';
import { TreeTableModule } from 'primeng/treetable';
Zeile 47: Zeile 49:
<pre>
<pre>
imports: [
imports: [
  ...
  FormsModule,
  ReactiveFormsModule,
   ...
   ...
   TreeTableModule,
   TreeTableModule,

Version vom 17. Juli 2018, 11:58 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 { FormsModule, ReactiveFormsModule } from '@angular/forms';

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

Links

Demos

https://github.com/primefaces/primeng


Zurück zu JavaScript