supprimer l'état du composant particulier en venant de la route spécifique dans angulaire

voix
0

J'ai ma page d'accueil, à partir de là que je clique sur l'icône de recherche qui ouvre un nouveau composant « / recherche » dont l'état, je suis maintenant en utilisant la réutilisation stratégie. Il me aide à maintenir l'état lorsque l'utilisateur modifie l'un des résultats de recherche.

mais je veux si je retourne à la page d'accueil. Je veux effacer mon état de recherche /. Comment puis-je configurer?

Je l'ai utilisé la réutilisation stratégie comme ceci:

    private handlers: { [key: string]: DetachedRouteHandle } = {};
    shouldDetach(route: ActivatedRouteSnapshot): boolean {
        if (!route.routeConfig || route.routeConfig.loadChildren) {
            return false;
        }
        let shouldReuse = false;
        // console.log(checking if this route should be re used or not, route);
        if (route.routeConfig.data) {
            route.routeConfig.data.reuse ? shouldReuse = true : shouldReuse = false;
        }
        return shouldReuse;
    }
    store(route: ActivatedRouteSnapshot, handler: DetachedRouteHandle): void {
        // console.log(storing handler);
        if (handler) {
            this.handlers[this.getUrl(route)] = handler;
        }
    }
    shouldAttach(route: ActivatedRouteSnapshot): boolean {
        // console.log(checking if it should be re attached);
        return !!this.handlers[this.getUrl(route)];
    }
    retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle {
        if (!route.routeConfig || route.routeConfig.loadChildren) {
            return null;
        };
        return this.handlers[this.getUrl(route)];
    }
    shouldReuseRoute(future: ActivatedRouteSnapshot, current: ActivatedRouteSnapshot): boolean {
        let reUseUrl = false;
        if (future.routeConfig) {
            if (future.routeConfig.data) {
                reUseUrl = future.routeConfig.data.reuse;
            }
        }
        const defaultReuse = (future.routeConfig === current.routeConfig);
        return reUseUrl || defaultReuse;
    }
    getUrl(route: ActivatedRouteSnapshot): string {
        if (route.routeConfig) {
            const url = route.routeConfig.path;
            // console.log(returning url, url);
            return url;
        }
    }
}
Créé 19/03/2020 à 21:55
source utilisateur
Dans d'autres langues...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more