fjerne tilstand av spesiell komponent når det kommer fra spesifikk rute i vinkel

stemmer
0

Jeg har min hjemmeside, derfra jeg klikker på søkeikonet som åpner nye '/ search' komponent som staten jeg opprettholde bruke gjenbruk-strategi. Det hjelper meg å opprettholde tilstanden når brukeren redigerer en av søkeresultatet.

men jeg vil hvis jeg går tilbake til hjemmesiden. Jeg ønsker å slette min sinns / søk. Hvordan konfigurerer jeg det?

Jeg har brukt gjenbruk-strategi som dette:

    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;
        }
    }
}
Publisert på 19/03/2020 klokken 21:55
kilden bruker
På andre språk...                            

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