Я использую Angular 7 с Laravel для моего проекта.В моей форме у меня есть следующая кнопка, чтобы перейти на следующий идентификатор, который является динамическим.ранее я использовал
window.location.href = 'http://localhost:4900/#/my_url/'+id;
window.location.reload(true);
для перезагрузки страницы на кнопке NEXT
на том же URL с другим идентификатором.Но window.location.reload занимает слишком много времени, чтобы перезагрузить страницу. Тогда я узнал о reroutestrategy
angular.
, так что, теперь я использую приведенный ниже код для перезагрузки страницы по одному и тому же URL с разными параметрами.
this.router.navigate(['/my_url/'+id])
.then(() => {
this.router.routeReuseStrategy.shouldReuseRoute = function() {
return false; };
});
У меня одна проблема с приведенным выше кодом. При первом нажатии на следующую кнопку мой URL-адрес получает изменения только с другим параметром.но данные в форме остаются такими же с последним идентификатором.
для, например: если я на ID = 1 и я нажал кнопку СЛЕДУЮЩАЯ, это изменит мой URL на ID = 2, но форма все еще показывает мне данныеID = 1. И после этого, когда я нажал второй раз на кнопку «СЛЕДУЮЩАЯ», он работает нормально, как я ожидал.он также изменяет URL и данные формы с помощью страницы перезагрузки. Я не понимаю, почему это не работает при первой начальной загрузке, и после этого он прекрасно работает при каждом событии щелчка.