routerLink не работает в angular 2

Маршрутизация на странице не выполняется. Я использовал ниже HTML и код конфигурации.

<nav aria-label="Page navigation">
    <ul class="pagination pagination-plain">
      <li>
        <a href="review/words" aria-label="Previous">
          <span aria-hidden="true">&laquo;</span>
        </a>
      </li>
      <li [routerLinkActive]="['active']">
        <a [routerLink]="review/words">1</a>
      </li>
      <li [routerLinkActive]="['active']">
        <a [routerLink]="review/phrase">2</a>
      </li>
      <li>
        <a href="javascript:void(0)" aria-label="Next">
          <span aria-hidden="true">&raquo;</span>
        </a>
      </li>
    </ul>
  </nav>

код конфигурации маршрутизации

const appRoutes: Routes = [
  { 
    path: '', 
    component: IndexComponent,
 },
 { 
    path: 'index', 
    component: IndexComponent,
 },
 { 
    path: 'review/words', 
    component: WordsComponent,
 },
 { 
    path: 'review/phrase', 
    component: SentenceComponent,
 }
];

Когда я нажимаю «1» или «2» в своей ссылке для пагинации, я получаю указанную ниже ошибку.

ОШИБКА Ошибка: не перехвачено (в обещании): Ошибка: невозможно сопоставить ни один маршрут. Сегмент URL: "обзор / фраза / NaN" Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: 'обзор / фраза / NaN' в ApplyRedirects.noMatchError (router.es5.js: 1404) [angular] в CatchSubscriber.selector (router.es5.js: 1379) [angular] в CatchSubscriber.error (catch.js : 104) [angular] в MapSubscriber.Subscriber._error (Subscriber.js: 128) [angular] в MapSubscriber.Subscriber.error (Subscriber.js: 102) [angular] в MapSubscriber.Subscriber._error (Subscriber.js: 128 ) [angular] в MapSubscriber.Subscriber.error (Subscriber.js: 102) [angular] в MapSubscriber.Subscriber._error (Subscriber.js: 128) [angular] в MapSubscriber.Subscriber.error (Subscriber.js: 102) [ угловой]


person Green Computers    schedule 13.04.2017    source источник


Ответы (1)


Попробуйте что-нибудь подобное.

<a [routerLink]="['review/words']">1</a>

Вот как он ожидает ввода. !

Изменить: также у вас нет контейнера маршрутизатора в вашем html. Добавьте это в конец файла шаблона.

<router-outlet></router-outlet>
person Parth Ghiya    schedule 13.04.2017
comment
@Partha Ghiya: Спасибо за ответ. Он направляется к URL-адресу. Но страница не загружается, пока я не обновлю ее. Не могли бы вы помочь. - person Green Computers; 13.04.2017
comment
@GreenComputers вызывает у вас нет роутера. Добавьте это в свой html в конце. <router-outlet></router-outlet> - person Parth Ghiya; 13.04.2017
comment
@Partha Ghiya: Добавлено. Но такая же проблема. Пожалуйста помоги. - person Green Computers; 13.04.2017
comment
@GreenComputers та же проблема, что и вам пришлось обновить страницу ?? Вы можете создать Plunkr или что-то в этом роде? - person Parth Ghiya; 13.04.2017
comment
@Partha Ghiya: Могу я показать свой экран, если у вас есть программа для группового просмотра? - person Green Computers; 13.04.2017
comment
Вы столкнулись с проблемой обновления? Создайте какой-нибудь плункер или что-то в этом роде. Имеют ограниченное подключение к Интернету - person Parth Ghiya; 13.04.2017
comment
Мой проект достаточно сложный. На создание plunkr уйдет некоторое время. Не могли бы вы проверить проблему в teamviewer. - person Green Computers; 13.04.2017
comment
Ограниченное подключение :( он слишком часто ломается. Публикуйте скриншоты и сообщения об ошибках или пишите мне на [email protected] - person Parth Ghiya; 13.04.2017