Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Architect_Programmer_Code Landwirtschaftsnetzwerk»Architekt › Frontend-Design & Web › Frontrahmen › Angular 18er Serie (21) Router-Routing-Änderungsereignisse ...
Ansehen: 2462|Antwort: 0

[Kantig] Angular 18 Series (21) Router-Routing-Änderungsereignisse

[Link kopieren]
Veröffentlicht am 05.08.2024 14:11:09 | | | |
Anforderungen: Erkennen Sie Änderungen in Angular-Routen-Routen, schalten Sie das Menü in der Navigationsleiste um und ändern Sie den Titel der Webseite dynamisch, indem Sie Title beim Laden der Route einfügen.

Dazu erstellen wir eine einfache App-Komponente und injizieren deren Router in den Konstruktor:

Solche RouterEvents dienen als Basisklasse (in alphabetischer Reihenfolge) für diese routerbezogenen Ereignisse:

  • GuardsCheckEnd
  • GuardsCheckStart
  • NavigationCancel
  • NavigationEnd
  • NavigationError
  • NavigationSkipped
  • NavigationStart
  • ResolveEnd
  • ResolveStart
  • Anerkannte Routen


Referenz:Der Hyperlink-Login ist sichtbar.

Die obige Liste der Kategorien ist ein mögliches Ergebnis, das Ihr Router verursachen könnte. Wenn zum Beispiel ein Benutzer zu einer neuen Ansicht navigiert, werden die Ereignisse NavigationStart und NavigationEnd aufgerufen.

Um diese Informationen (und mehr) zu erhalten, können wir das Ereignis router.events mit folgendem Code abonnieren:

Filtern Sie Ereignisse nach Bedingung, der Code lautet wie folgt:

Wenn Sie nur ein Ereignis wollen, z. B. NavigationEnd, können wir filter() eine Observable aus RxJS importieren und übertragen, sodass sie nur bei bestimmten Ereignissen ausgestrahlt wird:

Ändern Sie den Seitentitelcode:


Wenn du auf das Menü klickst, um die Route zu wechseln, sieht das Rendering wie folgt aus:



(Ende)





Vorhergehend:Winkelvariablen der 18-Reihen (zwanzig) werden von Umgebungen verwendet
Nächster:Die Ergebnisse einer MySQL-Kommandozeilenabfrage geben zurück? Fragezeichen

Verwandte Beiträge
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.
Mail To:help@itsvse.com