удалить состояние определенного компонента при переходе из указанного c маршрута в angular - PullRequest
Новая
       23

удалить состояние определенного компонента при переходе из указанного c маршрута в angular

0 голосов
/ 19 марта 2020

У меня есть домашняя страница, оттуда я нажимаю на значок поиска, который открывает новый компонент '/ search', состояние которого я поддерживаю с помощью стратегии повторного использования. Это помогает мне поддерживать состояние, когда пользователь редактирует один из результатов поиска.

, но я хочу, чтобы я вернулся на домашнюю страницу. Я хочу очистить свое состояние / поиск. как мне это настроить?

Я использовал стратегию повторного использования, как это: 

    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;
        }
    }
}
...