Angular+RouterLink macht verschiedene ausgefallene Sprünge

Dieses Mal bringe ich Ihnen Angular+RouterLink, um verschiedene ausgefallene Sprünge zu machen. Das Folgende ist ein praktischer Fall Zeit.

VorwortZusätzlich zur Verwendung der navigation()-Methode des Routers zum Wechseln von Routen bietet Angular2 auch einen Befehl zum Konvertieren eines

wird als Routing-Eintrag erweitert: Die

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

-Listener hinzu und ruft bei Auslösung die navigation()-Methode des Routers für das Routing auf . In diesem Artikel werden jedoch hauptsächlich die relevanten Inhalte zu Angulars RouterLink Fancy Jump vorgestellt. Ich werde im Folgenden nicht viel sagen.

routerLink selbst unterstützt zwei Schreibmethoden:

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

Angenommen, die aktuelle Route ist

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

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

http: Springe zu //localhost:4200/#/doc/demo, also http://localhost:4200/#/ + der absolute Pfad, zu dem du springen möchtest.

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

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

http://localhost:4200/#/doc /demo, das ist http://localhost:4200/#/doc + der relative Pfad, zu dem Sie springen möchten. Es beginnt mit der Betrachtung der vorherigen Ebene.

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

Empfohlene Lektüre:

Das obige ist der detaillierte Inhalt vonAngular+RouterLink macht verschiedene ausgefallene Sprünge. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!