Résumé des méthodes de saut angulaire + routerlink

Cette fois, je vais vous apporter un résumé de la méthode de saut angulaire+routerlink. Quelles sont les précautions dans le résumé de la méthode de saut angulaire+routerlink ?

Préface

En plus d'utiliser la méthode naviguer() du routeur pour changer de itinéraires, Angular2 fournit également une commande pour Améliorez un objet DOM dans une entrée de routage :

@View({
directives:[RouterOutlet,RouterLink]
template : `<nav>
<b router-link="video">video</b> | 
<b router-link="music">music</b>
</nav>
<router-outlet></router-outlet>`
})

l'instruction RouterLink ajoute la surveillance du clic événement à l'objet DOM hôte et appelle la navigation() du routeur lorsqu'elle est déclenchée . méthode de routage.

Cependant, cet article présente principalement le contenu pertinent sur le saut fantaisie RouterLink d'Angular. Il est partagé pour la référence et l'apprentissage de chacun. Je ne dirai pas grand-chose ci-dessous, jetons un coup d'œil à l'introduction détaillée.

routerLink lui-même prend en charge deux méthodes d'écriture :

<a routerLink="detail">
</a>
<a [routerLink]="[&#39;detail&#39;]">
</a>

Quelles sont les méthodes d'écriture pour la valeur de routerLink et quelles sont les différences ?

Supposons que l'itinéraire actuel est

`http://localhost:4200/#/doc/license`

Écrit 1 : Chemin absolu / + nom de l'itinéraire

 <!--跳到 http://localhost:4200/#/doc/license -->
 <a [routerLink]="[&#39;/doc/demo&#39;]" >跳呀跳</a>
 
 <!--跳到 http://localhost:4200/#/demo -->
 <a [routerLink]="[&#39;/demo&#39;]" >跳呀跳</a>

Alors l'url est

Alors l'url est Sauter sur http://localhost:4200/#/doc/demo, c'est-à-dire http://localhost:4200/#/ + le chemin absolu auquel vous souhaitez accéder.

 <a [routerLink]="[&#39;demo&#39;]" >跳呀跳</a>

Écrit 2 : Un nom de routage nom de routage

Ensuite l'url est http://localhost:4200/#/doc/license/(demo) , C'est-à-dire http://localhost:4200/#/doc/license + le chemin absolu vers lequel vous souhaitez accéder. À ce moment, cela ajoutera quelque chose à votre itinéraire pour devenir /(demo), et le saut ne se fera pas. travail.

 <a [routerLink]="[&#39;../demo&#39;]" >跳呀跳</a>

Méthode d'écriture 3 : chemin relatif../nom de la route

Ensuite, l'url est http://localhost:4200/ #/ doc/demo, c'est-à-dire http://localhost:4200/#/doc + le chemin relatif auquel vous souhaitez accéder. Il commencera à regarder le niveau précédent.

 <a [routerLink]="[&#39;./demo&#39;]" >跳呀跳</a>

Méthode d'écriture 4 : ./nom de la route, c'est-à-dire l'itinéraire actuel + l'itinéraire que vous avez écrit pour accéder à

Ensuite, l'url est

http://localhost:4200/#/doc/license/demo, c'est-à-dire http://localhost:4200/#/doc/license + le chemin relatif auquel vous souhaitez accéder. Il recherchera cet itinéraire correspondant et passera du niveau suivant de l'itinéraire actuel.

| Plus d'utilisations de l'API sont mises à jour sur github

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur PHP. Site chinois ! Lecture recommandée :

jquery pour déterminer si le contenu de l'élément existe

Explication détaillée des étapes d'installation de Nodejs+Electron Ubuntu

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!