CanDeactivate Guard не скрывает URL-адрес в окне браузера при отмене навигации
Я использую свойство skipLocationChange со значением true, поэтому я могу скрыть URL-адрес в браузере. Он работает нормально. Но для одной из моих функций я использую защиту CanDeactivate, поэтому я могу предупредить пользователя о сохранении изменений перед тем, как покинуть текущую страницу. Я просто показываю одно всплывающее окно, чтобы получить подтверждение от пользователя. Если пользователь нажимает «ОК», то он переходит на целевую страницу без каких-либо проблем, а URL-адрес также скрыт в браузере. Но если пользователь нажимает кнопку «Отмена», он остается на той же странице, но проблема заключается в том, что URL-адрес текущей страницы добавляется к базовому URL-адресу в браузере. Чего я не хочу. Я просто хочу, чтобы URL-адрес был скрыт и в случае отмены.
Я также прилагаю ссылку на пример проекта, созданного с помощью stackblitz: https://stackblitz.com/edit/angular-ivy-uqq8sg?file=src/app/app.component.html
Шаги для создания проблемы в примере проекта:
- Откройте страницу сведений о пользователе, щелкнув ссылку сведений о пользователе.
- Заполните форму сведений о пользователе и нажмите ссылку на первую страницу, затем появится окно подтверждения, нажмите «Отмена».
- Пользователь останется на той же странице, но он также добавит URL-адрес сведений о пользователе в браузере.
Примечание. Этот вопрос Защита маршрутизатора пропускает изменение местоположения не дает ответа на мой вопрос, потому что используется защита canActivate, а не защита canDeactivate. В canActivate guard мы используем метод router.navigateByURL, где мы можем установить для skipLocationChange значение true, но в canDeactivate guard для отмены навигации мы не используем метод router.navigateByURL.
Заранее спасибо.
Отвечает ли это на ваш вопрос? Router guard пропускает смену местоположения
@VimalPatel Вы имеете в виду страницу app.component.html? Это потому, что я хочу скрыть URL.
если вы хотите скрыть URL, то почему вы используете маршрутизацию?
@VimalPatel Нет, этот вопрос не отвечает на мой вопрос, потому что он использует защиту canActivate, а не защиту canDeactivate. В canActivate guard мы используем метод router.navigateByURL, где мы можем установить для skipLocationChange значение true, но в canDeactivate guard для отмены навигации мы не используем метод router.navigateByURL.
@VimalPatel Я использую маршрутизацию, потому что мое приложение достаточно большое, поэтому проще или эффективнее использовать маршрутизацию вместо того, чтобы контролировать все, используя условия if else или переключателя, ссылка stackblitz - это просто образец, который не является реальным приложением.
понял, я предлагаю включить маршрутизацию в этом случае. Это лучший UX и намного проще
@VimalPatel yes Если приложение достаточно большое и содержит более 50 страниц, я думаю, нам следует использовать маршрутизацию вместо того, чтобы контролировать все, используя условия if и else. Итак, у вас есть идеи, почему он добавляет URL-адрес в браузер в случае отмены?
Ответы 1
Код взят отсюда
Что я изменил:
В компоненте возвращайте чистое значение, а не наблюдатель, поэтому в страже я могу использовать его напрямую.
return true; //return of(true)
В стороже перемещайтесь по службе маршрутизатора, а не просто возвращайте false/true
this.router.navigate([state.url], { skipLocationChange: true });
почему вы установили skipLocationChange в маршрутизации?