Tôi đã biết về các Tuyến đường Dính để gắn lại dữ liệu thành phần trước đó khi điều hướng trở lại cùng một thành phần. Tôi đã triển khai demo bằng cách xem https://www.softwarearchitekt.at/post/2016/12/02/sticky-routes-in-angular-2-3-with-routereusestrategy.aspx blog tại đây https://plnkr.co/edit/KVlRi9PtPeOpvn8bECBi?p=preview ... Có thể có các điều kiện áp dụng để routerreusestrategy
chỉ áp dụng cho một số thành phần?Điều kiện áp dụng chiến lược tái sử dụng bộ định tuyến cho các tuyến angular2
Trả lời
Bạn cần sửa đổi chỉ nhỏ của dung dịch ban đầu: https://www.softwarearchitekt.at/post/2016/12/02/sticky-routes-in-angular-2-3-with-routereusestrategy.aspx
Thêm shouldDetach
cờ để tuyến đường của bạn:
const appRoutes: Routes = [
{ path: 'crisis-center', component: CrisisListComponent, data: { shouldDetach: true } },
...
];
Và sửa đổi shouldDetach
phương pháp trong CustomReuseStrategy
:
public shouldDetach(route: ActivatedRouteSnapshot): boolean {
return route.data && (route.data as any).shouldDetach;
}
Đây là của bạn plunker được cập nhật: https://plnkr.co/edit/otbZBuRmGYQXeY6b4Sfp?p=preview
Cảm ơn lời khuyên, điều này đã giúp tôi có được việc sử dụng lại tuyến đường có điều kiện! –
Tôi rất vui vì nó đang làm việc cho bạn, giữ nguyên mã hóa;) –
- 1. Angular2 không hoạt động Chiến lược tái sử dụng tùy chỉnh với mô-đun lười tải
- 2. Chiến lược đồng bộ hóa dữ liệu ngoại tuyến/trực tuyến
- 3. Biến định tuyến trong Angular2
- 4. Giao tiếp thành phần Angular2 với bộ định tuyến
- 5. Angular2: Cách tìm hiểu url trang trước là gì khi sử dụng định tuyến angular2
- 6. Apache Camel có điều kiện định tuyến
- 7. Sử dụng bộ điều khiển tải và định tuyến AngularJS theo yêu cầu sử dụng requirejs
- 8. Emberjs: Chuyển hướng có điều kiện trong bộ định tuyến
- 9. Sử dụng định tuyến góc dọc theo tuyến đường tròn
- 10. ngrx-router so với bộ định tuyến angular2
- 11. Truyền dữ liệu qua bộ định tuyến Angular2
- 12. Angular2 ổ cắm bộ định tuyến lồng nhau
- 13. Sử dụng neo với bộ định tuyến phản ứng
- 14. Các tuyến động cơ trong Bộ điều khiển Ứng dụng
- 15. Angular2 liên kết sử dụng toán tử điều kiện
- 16. Tuyến đường mặc định cho đường dẫn gốc sử dụng thuộc tính asp.net định tuyến
- 17. Sự khác biệt giữa bộ định tuyến và bộ định tuyến không được chấp nhận trong angular2
- 18. Nhiều bộ điều khiển trong định tuyến
- 19. Bộ định tuyến phản ứng nơi sử dụng AJAX
- 20. Có thể thay đổi thứ tự các tuyến trong bảng định tuyến khi sử dụng định tuyến thuộc tính không?
- 21. Bản ghi: Điều hướng giữa các bộ định tuyến
- 22. Cách áp dụng dốc tuyến tính cho IE8
- 23. HashLocationChiến lược không tạo # vị trí khi định tuyến?
- 24. tuyến đồng bộ và sự kiện nguồn
- 25. Áp dụng chính sách cho bộ điều khiển tài nguyên
- 26. tại sao sử dụng định tuyến javascript?
- 27. . Định tuyến MVC NetNet: Đặt MapSpaFallbackRoute Điều kiện Mỗi Bộ điều khiển
- 28. CloudFormation, áp dụng Điều kiện trên DependsOn
- 29. Lập bản đồ nhiều tuyến (bộ điều khiển) bằng bộ định tuyến
- 30. Angular2 Định tuyến: duy trì các tab tuyến đường và lộ trình con
Bản sao có thể có của [Cách triển khai RouteReuseStrategy nênDetach cho các tuyến đường cụ thể trong Angular 2] (http://stackoverflow.com/questions/41280471/how-to-implement-routereusestrategy-shoulddetach-for-specific-routes-in-angular) –