Bagaimana untuk Melaksanakan Laluan TersuaiReuseStrategy untuk Melepaskan Laluan Tertentu dalam Sudut?

Melaksanakan RouteReuseStrategy's shouldDetach for Specific Routes in Angular 2

Latar Belakang

RouteReuseStrategy membenarkan anda mengarahkan Angular untuk mengekalkan komponen dan bukannya memusnahkannya , mengoptimumkan prestasi dan mengekalkan keadaan komponen.

Pernyataan Masalah

Anda mahu menyimpan keadaan untuk laluan seperti "/documents" tetapi bukan untuk laluan tertentu seperti "/documents/:id."

Penyelesaian

Laksanakan RouteReuseStrategy tersuai dengan melanjutkan RouteReuseStrategy terbina dalam dan mengatasi kaedah yang sesuai:

import dari penghala Angular

<code class="typescript">import { RouteReuseStrategy } from '@angular/router';</code>

Buat kelas yang melaksanakan RouteReuseStrategy

<code class="typescript">export class CustomRouteReuseStrategy implements RouteReuseStrategy {</code>

Timpa 'shouldDetach' untuk Storan Laluan Terpilih

<code class="typescript">shouldDetach(route: ActivatedRouteSnapshot): boolean {
  return route.routeConfig?.path === '/documents/id';
}</code>

Sediakan Strategi Tersuai dalam NgModule

<code class="typescript">providers: [
  { provide: RouteReuseStrategy, useClass: CustomRouteReuseStrategy },
]</code>

Penjelasan

• harusDetach:
Mengawal storan laluan. Kembalikan benar untuk laluan yang ingin anda simpan. Dalam senario ini, simpan hanya laluan "/documents".
• sepatutnya Lampirkan:
Menentukan masa untuk menggunakan semula laluan yang disimpan. Jika kaedah ini kembali benar, Angular akan menggunakan semula komponen dan bukannya menciptanya semula. Kami tidak mengatasi kaedah ini dalam contoh kami.

Nota Tambahan:

• Pelaksanaan ini menyimpan satu tika bagi setiap laluan yang layak sepanjang pengguna sesi.
• Anda boleh menyesuaikan lagi dengan mengubah suai shouldDetach untuk mengawal laluan mana yang hendak disimpan berdasarkan keperluan anda.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Laluan TersuaiReuseStrategy untuk Melepaskan Laluan Tertentu dalam Sudut?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!