Angular Material #

Aufsetzen eines neuen Projekts #

Überprüfen, ob notwendige Tools installiert sind: node -v npm -v ng -v # Falls nicht vorhanden: npm install -g @angular/cli

Neues Projekt erstellen: ng new

Angular Material installieren: npm install –save @angular/material

Installation Hammerjs (Gesten für mobile Geräte): npm install –save hammerjs npm install –save-dev @types/hammerjs

Hammerjs in Root-Module importieren: import ‘hammerjs’;

Alle Pakete auf die aktuelle Version bringen: sudo npm install -g npm-check-updates ncu # Zeigt Differenzen zur aktuell in package.json definierten Version an. Falls ncu nicht installiert ist: sudo npm install -g ncu ncu -u # Trägt neueste Version in package.json ein npm upgrade # Führt Upgrade durch

In tsjson.conf compilerOptions-Objektliteral hinzfügen: “types”: [ “hammerjs” ]

Optional: Material-Icons. Dazu in index.html hinzufügen:

Optional: Schriftart Roboto. Dazu in index.html hinzufügen:

Optional: Material-Theme hinzufügen (in styles.css): @import ‘~@angular/material/prebuilt-themes/deeppurple-amber.css’;