Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › Événements de changement de routage de routeur de la série Angular 18 (21) ...
Vue: 2462|Répondre: 0

[Angulaire] Événements de changement de routage de routeur Angular 18 Series (21)

[Copié le lien]
Publié sur 05/08/2024 14:11:09 | | | |
Exigences : Détecter les changements dans les itinéraires Angulaires, basculer le menu dans la barre de navigation, et modifier dynamiquement le titre de la page web en injectant Titre lors du chargement de la route.

Pour ce faire, nous allons créer un composant App simple et injecter son Routeur dans le constructeur :

Ces RouterEvents servent de classe de base (par ordre alphabétique) à ces événements liés au routeur :

  • GuardsCheckEnd
  • GuardsCheckStart
  • NavigationAnnuler
  • NavigationEnd
  • NavigationError
  • NavigationSauté
  • NavigationStart
  • ResolveEnd
  • ResolveStart
  • Itinéraires reconnus


Référence:La connexion hyperlientérée est visible.

La liste des catégories ci-dessus est un résultat potentiel que votre routeur pourrait fournir. Par exemple, si un utilisateur commence à naviguer vers une nouvelle vue, les événements NavigationStart et NavigationEnd seront appelés.

Pour obtenir ces informations (et plus encore), nous pouvons nous abonner à l’événement router.events avec le code suivant :

En filtrant les événements par condition if, le code est le suivant :

Si vous ne voulez qu’un seul événement, par exemple NavigationEnd, nous pouvons filtrer() introduire et transférer un observable de RxJS afin qu’il ne soit émis que sur des événements spécifiques :

Modifiez le code du titre de la page :


Lorsque vous cliquez sur le menu pour changer de route, le rendu est le suivant :



(Fin)





Précédent:Les variables d’environnement de la série angulaire 18 (vingt) sont utilisées par les environnements
Prochain:Retour de résultats de requête en ligne de commande MySQL ? point d’interrogation

Articles connexes
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com