Как добавить данные в историю страницы(Angular 7)?

Question

[sdgroup14]

Добрый день, организовываю кнопки назад вперед по страницам(pushstate popstate events). Вроде бы сделал, прокрутку тоже сделал, что бы возвращаться на предыдущую позицию скролла. А вот вопрос с паггинацией? Допустим у меня есть кнопка "ЕЩЕ" и допустим я наклацал 5 страниц, т.е. при переходе к примеру на следующую и возврат на предыдущую там где 5тая страница мне нужно держать какой то ключ... я хотел бы его держать не в урле а допустим в истории для скролла, как это сделать не подскажите?
https://dv.iod.media/tag/showbreez

Comments

[Дмитрий Лузанов]

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

А хотели бы пользователи, скинувшие ссылку на определенную страницу, увидеть эту самую страницу?

[sdgroup14]

Дмитрий Лузанов, https://dv.iod.media/tag/showbreez

[sdgroup14]

Дмитрий Лузанов, кстати верный вопрос... но при обговоре этой функции заказчик сказал бы ... пока что молчат... Тогда точно прийдется делать с query параметрами :). Мне просто данный случай интересен... Могу ли я в историю стейта опрокинуть данные
пока что метод
history.replaceState(Object.assign({}, history.state, {pagination: this.page}), this.pageTitle); ни к чему не привел

[Дмитрий Лузанов]

Попробуйте так: https://netbasal.com/set-state-object-when-navigat...

[Дмитрий Лузанов]

Только нужен >=7.2

[sdgroup14]

Дмитрий Лузанов, но это с дерективой, прийдется на кнопку Еще вешать routerLink я думаю он каждый клик будет пихать в историю, а это не нужно, мне просто нужно дополнить обьект стейта...

[Дмитрий Лузанов]

sdgroup14, возможно не понял, но можно без директивы, добавляйте в navigate только когда нужно:

this.router.navigateByUrl('/123', { state: { hello: 'world' } });

[Дмитрий Лузанов]

дополнить обьект стейта

Если вам вообще нужно статику запихнуть туда, тогда это в описании роутов можно сделать:

{
        path: "profile",
        component: ProfileComponent,
        data: {
          breadcrumb: "Profile"
        }
},

[sdgroup14]

Дмитрий Лузанов, мне нужно не статику, а пагинацию... человек нажимает еще... и нужно записывать страницу. Т.е. нажал еще на апи полетела страница 2, я ее получил и в историю стейт записал page 2 нажал еще записал 3 и так далее, чтоб при возврате, на апи полезть стнразу за 3мя страницами. и проскролить к примеру к 3тей, так как пользователь при переходе доскролил до 3тей страницы

[sdgroup14]

Дмитрий Лузанов, не совсем то что нужно, но даже если его использовать - не работает, он в history.state не пишет

this.router.navigateByUrl('/123', { state: { hello: 'world' } });