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

голоса
0

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

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

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

    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;
        }
    }
}
Задан 19/03/2020 в 23:55
источник пользователем
На других языках...                            

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