今回は、さまざまな派手なジャンプを行うための Angular+RouterLink を紹介します。 Angular+RouterLink で派手なジャンプを行うための 注意事項 は何ですか?以下は実際的なケースです。
はじめに
Router の navigate() メソッドを使用してルートを切り替えることに加えて、Angular2 はDOM オブジェクト をルーティング エントリに拡張するコマンドも提供します:
@View({ directives:[RouterOutlet,RouterLink] template : `<nav> <b router-link="video">video</b> | <b router-link="music">music</b> </nav> <router-outlet></router-outlet>` })
EventMonitoring がトリガーされると、ルーティングのために Router の Navigate() メソッドを呼び出します。
ただし、この記事では主に Angular の RouterLink ファンシージャンプに関する内容を紹介します。皆さんの参考と学習のために共有します。以下では詳しく説明します。routerLink 自体は 2 つの書き込み方法をサポートしています:
<a routerLink="detail"> </a> <a [routerLink]="['detail']"> </a>
`http://localhost:4200/#/doc/license`
だとすると、 書き方1:絶対パス/+ルート名
<!--跳到 http://localhost:4200/#/doc/license --> <a [routerLink]="['/doc/demo']" >跳呀跳</a> <!--跳到 http://localhost:4200/#/demo --> <a [routerLink]="['/demo']" >跳呀跳</a>
書き込み2: ルート名route name
<a [routerLink]="['demo']" >跳呀跳</a>
書き方3:相対パス../ルート名
<a [routerLink]="['../demo']" >跳呀跳</a>
書き方4: ./ルート名、つまり現在のルート+ジャンプ先として書いたルート
<a [routerLink]="['./demo']" >跳呀跳</a>
JSで雪の結晶が降るアニメーションを実装する手順の詳細な説明
以上がAngular+RouterLink はさまざまな派手なジャンプを行いますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。