Angular 5 - вернуться в предыдущее состояние
У меня есть веб-приложение Angular, в котором мне нужно вернуться в предыдущее состояние. Например, предположим, что я нахожусь на странице по адресу http: // локальный / someURL. На этой странице пользователь может искать элементы и возвращается в виде списка (someURL остается неизменным). В каждой строке есть кнопка, ведущая к другому компоненту, находящемуся в http: // локальный / someURL2.
Мой вопрос: когда пользователь нажимает кнопку отмены на someURL2, как мне вернуться к someURL с результатами поиска, которые все еще там? Я могу вернуться к someURL (см. Код ниже), но результаты поиска не сохраняются.
import { Location } from '@angular/common';
@Component({
......
})
export class SomeClass implements OnInit {
constructor(private location: Location) { }
backToPrevious(){
this.location.back(); //Does not show search results upon return
}
}
Я не верю, что это дубликат. В этом сообщении описывается URL-адрес с параметрами, в котором в этом сообщении указывается URL-адрес, который не изменяется при загрузке данных результатов поиска на той же странице
Чтобы ваша предыдущая страница была заполнена результатами, вы должны передать свои параметры поиска через параметры хранения или маршрута, чтобы создать свою страницу. Либо это, либо сделайте содержимое вашей информации модальным, а не страницей без изменения маршрута.
Ответы 1
Вы можете сохранить параметры фильтров и переопределить функцию onInit в первом контроллере.
В этой функции вы должны получить данные с вашего localStorage и вызвать функцию фильтра с этими параметрами.
Это функция, которую вы должны создать в первом контроллере:
ngOnInit() {
// Get params from localstorage
// Call function that restore filters
}
Возможный дубликат Как вернуться на предыдущую страницу с параметрами?