Блог

У меня есть list-component место, где я хочу сохранить pageIndex значение, установив некоторые переменные в другом классе непосредственно перед переходом, скажем, к другому компоненту x-component . Затем, при переходе обратно к list-component , я хочу получить ранее установленный pageIndex , чтобы открыть эту страницу вместо открытия первой страницы в таблице данных. Итак, каков альтернативный способ решения этой проблемы без использования сервиса или подраздела? Я могу использовать другой класс, но не сервис. Я попытался извлечь заданные значения из класса, но pageIndex при попытке его извлечения значение не определено.

Любая помощь будет оценена.

Вы также можете pageIndex использовать параметр URL-адреса страницы, на которой list-component отображается.

Введите свой ctor:

 private route: ActivatedRoute
 

Затем в вашем ngOnInit сделайте что-то вроде:

 this.route.params.subscribe((params: any) => {
    if (params.pageIndex) {
        this.pageIndex = params.pageIndex;
    }
});
 

В вашем модуле маршрутизации ваш URL-адрес должен соответствовать: some-url/:pageIndex . И при перелистывании вперед и назад в списке URL-адрес должен быть соответствующим образом обновлен.

Вы можете использовать sessionStorage .

В x-component , сохраните pageIndex с этим.

 sessionStorage.setItem('pageIndex', pageIndex);
 

Затем загрузите это значение list-component следующим образом.

 public pageIndex = Number(sessionStorage.getItem('pageIndex') ?? 0);
 

 import { Location } from '@angular/common';

previousUrl: string;
constructor(private location: Location,private router: Router){ }

goBackFunction(){
router.events
.pipe(filter(event => event instanceof NavigationEnd))
.subscribe((event: NavigationEnd) => {

      console.log('prev:', event.url);
      this.previousUrl = event.url;
});

 this.location.back()  
}
 

Это приведет вас на предыдущую страницу 🙂