Angularで開発してビューを作成するときは、常にrouterLinkを使用して1つのビューから別のビューに移動します。最近、routerLinkの代わりにhrefを使用してWebサイトのビューをルーティングするAngularで作成された重要なページを見ました。私の質問は、AngularでrouterLinkの代わりにhrefを使用すると便利なのはいつですか?その理由は何ですか?スパじゃない感じを与えるためですか?
もしそうなら、それはAngularルーティングの可能性を完全に失うので、私はそれを理解していません。
いくつかの例は
https://brandstory.in/
https://www.forbes.com/sites/karstenstrauss/2019/01/22/the-most-sustainable-companies-in-2019/#46dd14376d7d
https://about.google/
https://www.colgate.es/
https://marketingplatform.google.com/intl/es/about/enterprise/
前もって感謝します
角度でhrefを使用すると、アプリはその状態を失い、アプリ全体がリロードされます。しかし、routerlinkを使用する場合、アプリの状態は同じままです。たとえば、Angularプロジェクトに2番目と3番目という名前の2つのページ/コンポーネントがあるとします。
<div class="nav">
<p>Using "href"</p>
<ul>
<li><a href="/" >1</a></li>
<li><a href="/second" (click)="onClick($event)">2</a></li>
<li><a href="/third">3</a></li>
</ul>
</div>
<hr>
<div class="nav">
<p>Using "routerLink"</p>
<ul>
<li><a routerLink="/">1</a></li>
<li><a routerLink="/second">2</a></li>
<li><a routerLink="/third">3</a></li>
</ul>
</div>
<hr>
<div class="page-content">
<p>Page Content</p>
<router-outlet></router-outlet>
<hr>
<p>Input Field</p>
<app-input></app-input>
</div>
上記の例では、入力ファイルに何かを入力し、hrefナビゲーションを使用してナビゲートすると、その状態が失われます。ただし、routerlinkナビゲーションを使用してナビゲートすると、その入力テキストが表示されます。
画面の後ろで何が起こるか見てみましょう:-
<li><a href="/second" (click)="onClick($event)">2</a></li>
onClick(event: Event) {
event.preventDefault();
}
hrefのデフォルトのアクションを防止すると、routerlinkで発生するページがリロードされないことがわかります。これは、routerlinkがナビゲーションにhrefも使用したが、デフォルトの動作を防止したことを意味します。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加