Angular 2의 특정 경로에 대해 RouteReuseStrategy shouldDetach를 구현하는 방법
Angular 2에서 RouteReuseStrategy 인터페이스를 사용하면 개발자가 경로 동작을 제어할 수 있습니다. 캐싱 및 재사용. 이 인터페이스를 구현하면 어떤 경로를 캐시해야 하는지, 언제 다시 렌더링해야 하는지 사용자 정의할 수 있습니다.
"documents/:id" 경로가 아닌 "documents" 경로를 저장하려는 목표를 달성하려면, RouteReuseStrategy 클래스에서 shouldDetach 메소드를 구현해야 합니다. 이 메서드는 ActivatedRouteSnapshot을 입력으로 사용하고 향후 재사용을 위해 경로를 저장해야 하는지 여부를 나타내는 부울 값을 반환합니다.
다음은 "문서" 경로만 저장하고 다른 모든 경로는 삭제하는 shouldDetach 구현의 예입니다.
<code class="typescript">import { RouteReuseStrategy, ActivatedRouteSnapshot } from '@angular/router'; export class CustomRouteReuseStrategy implements RouteReuseStrategy { shouldDetach(route: ActivatedRouteSnapshot): boolean { return route.routeConfig?.path === 'documents'; } // Other implementation details omitted for brevity }</code>
앱 모듈에서 맞춤 전략을 제공하는 것을 잊지 마세요.
<code class="typescript">@NgModule({ // ... providers: [ { provide: RouteReuseStrategy, useClass: CustomRouteReuseStrategy }, ], }) export class AppModule {}</code>
이 전략을 적용하면 Angular는 "문서" 경로에서 벗어날 때 "문서" 경로를 캐시합니다. 뒤로 탐색할 때 새 인스턴스를 다시 생성하는 대신 캐시된 경로 구성 요소를 사용하므로 더 빠르고 원활한 전환이 보장됩니다.
위 내용은 다음은 다양한 수준의 세부 정보와 타겟팅을 제공하는 몇 가지 질문 기반 기사 제목입니다. **일반/초보자:** * **RouteReuseStrate를 사용하여 Angular 2에서 경로 캐싱을 제어하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!