Detaillierte Erläuterung der Schritte zum Generieren von Routen mithilfe der Angular-CLI

Dieses Mal werde ich Ihnen eine detaillierte Erläuterung der Routing-Schritte der Angular CLI-Generierung geben, welche Vorsichtsmaßnahmen für die Angular CLI-Generierungsroute gelten, und das Folgende ist ein praktischer Fall: Werfen wir einen Blick darauf.

Wir wissen, dass durch die Verwendung von ng g module admin ein Admin-Modul generiert wird.

und durch die Verwendung von ng g m sales --routing werden Verkäufe und sales-routing-Module generiert.

sales-routing enthält die Routing-Informationen und wird in das Vertriebsmodul importiert.

Routen für die Anwendung generieren.

Erstellen Sie zunächst ein Projekt :

ng new my-routing --routing

Sie können sehen, dass zwei Module generiert werden.

Sehen Sie sich das Routing-Modul an:

Sehen Sie sich das App-Modul noch einmal an:

AppRoutingModule wurde importiert.

Sehen Sie sich noch einmal app.component.html an:

router-outlet wurde geschrieben.

Zwei weitere Komponenten werden unten generiert:

ng g c dashboard
ng g c order

Dann einstellen das Routing in app-routing.module:

Ändern Sie den HTML-Code erneut:

Run Here's an application: ng dienen -o

Kein Problem.

Für eine Anwendung gibt es Im Koffer aus mehreren Modulen.

Generieren Sie ein weiteres Modul mit einem Routing-Modul (Sie können zuerst den Parameter -d verwenden, um die zu generierende Datei anzuzeigen):

ng g m admin --routing

Erstellen Sie im Admin-Modul eine weitere Admin-Komponente:

ng g c admin
ng g c admin/email -m admin
ng g c admin/user -m admin

Tatsächlich kann der Parameter -m der letzten beiden Befehle entfernt werden, da der Pfad admin/ angegeben wurde, so wird es auch sein in admin standardmäßig Deklaration im Modul statt im App-Modul.

Dann müssen Sie app.module ändern:

Fügen Sie das Admin-Modul hinzu.

Ändern Sie dann admin.component.html, fügen Sie router-outlet hinzu:

und ändern Sie dann admin-routing.module.ts:

Ausführen: ng Serve -o

Geben Sie direkt die Adresse ein: http://localhost:4200/admin

Sie können sehen:

Und geben Sie die URL ein: http://localhost:4200/admin/email

und Sie werden sehen:

Also kein Problem.

Gurad generieren.

ng g guard xxx

Dieser Befehl generiert xxx.guard.ts

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Interaktionsschritte für Angular-Komponenten

Wie man jQuery dazu bringt, ein Trigger-Button-Ereignis einzugeben

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum Generieren von Routen mithilfe der Angular-CLI. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!