Страница не загружается при перенаправлении, но при нажатии кнопки «Назад» на секунду отображает страницу и переходит на предыдущую страницу. - PullRequest
0 голосов
/ 14 сентября 2018

Я работаю над Angular 2, и когда я пытаюсь щелкнуть ссылку, страница не загружается, но панель загрузки продолжается. Данные и HTML не отображаются на странице. Когда я нажимаю кнопку «Назад», чтобы загрузить предыдущую страницу, страница, которая должна быть перенаправлена, загружается или секунду, а затем возвращается на начальную страницу. В консоли просмотра и в консоли сервера не отображаются ошибки.

Редактировать: я использую RouteComponent для маршрутизации страницы. Эта же ссылка, похоже, работает с другими экранами, но в этой конкретной сцене я вижу проблему, в которой это необходимо исправить. Когда я пытался отладить, я мог видеть, что компонент, который я могу загрузить, имеет приток данных и не прерывается ни в одной точке, чтобы выдать ошибку.

  myRoutes : Routes = [
      { path: 'displayAuthentic/:authId', component: DisplayAuthenticComponent },
    ];

Для навигации при нажатии на ссылку,

 navigateToAuthDisplay(eventObj: any) {
           this.authId = eventObj.data.authId;
           this.router.navigate(['./displayAuthentic', this.authId]);
 }

Любые указатели здесь, чтобы пройти через это ..

1 Ответ

0 голосов
/ 14 сентября 2018

относительно

, когда я пытаюсь щелкнуть ссылку, страница не загружается, но панель загрузки продолжается ...

Я не уверен, потому что безВаш код сложно выяснить, но мне кажется, что ваш маршрут мог быть неправильно настроен.Если в вашей ссылке указан маршрут /myRoute, убедитесь, что в переменной вашего маршрута app-routing.module.ts есть переменная маршрутов, у вас есть запись для маршрута

var routes = [
  {
    path: 'myRoute',
    component: MyRouteComponent
  },
...

, а также убедитесь, что вы использовали routerLink:

<a  routerLink="/myRoute"> link</a>

РЕДАКТИРОВАТЬ

Не забудьте также добавить эту голову в ваш index.html

<head>
  <base href="/">
 other css and jquery ...
</head>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...