Angular Command Line Interface: Unterschied zwischen den Versionen

Aus Tutorials
Zur Navigation springen Zur Suche springen
Zeile 61: Zeile 61:
ng generate module app-routing --flat --module=app
ng generate module app-routing --flat --module=app
</pre>
</pre>
=== Guard erstellen ===
<pre>
ng g guard CanNavigateToSearch
</pre>
==== Links ====
[https://gnomeontherun.com/2017/03/02/guards-and-login-redirects-in-angular/ https://gnomeontherun.com/2017/03/02/guards-and-login-redirects-in-angular/]


=== Service erstellen ===
=== Service erstellen ===

Version vom 26. Oktober 2018, 10:49 Uhr

Installation

sudo npm install -g @angular/cli

Konfiguration

Umgebungsvariable für Google Chrome (Chromium) setzen:

vi ~/.bashrc

Am Ende folgende Zeile hinzufügen:

export CHROME_BIN=/usr/bin/chromium-browser

Verwendung

Klasse erstellen

ng generate class <class name>

Komponente erstellen

ng generate component [-s] <table name>
kurz lang Bedeutung
-s --inline-style Es wird keine CSS-Datei erstellt

Modul erstellen

ng g module <module name> --routing

Projekt erstellen

ng new my-first-project

Routen erstellen

ng generate module app-routing --flat --module=app

Guard erstellen

ng g guard CanNavigateToSearch

Links

https://gnomeontherun.com/2017/03/02/guards-and-login-redirects-in-angular/

Service erstellen

ng generate service <service name>

Links

https://angular.io/tutorial/toh-pt5

Built-In-Server starten

ng serve

Testen

ng test

Probleme

Could not find module "@angular-devkit/build-angular" from

npm install --save-dev @angular-devkit/build-angular


Zurück zu JavaScript