Ссылка на маршрутизатор Angular 5 не работает

Доброго времени суток уважаемые разработчики!

У меня стек с простой проблемой (я так думаю)

У меня есть небольшое меню со списком ссылок, они генерируются из API. У меня есть запрос к API, и я помещаю идентификатор в ссылку на маршрутизатор, например

[routerLink] = "['/search', item.id]"

так, например, мы находимся на странице поиска, если вы нажмете ссылку, вы будете перенаправлены на поиск с этим идентификатором ссылки, он работает нормально, теперь мы находимся на другой странице, которая равна search / search_id, на этой странице у меня такое же меню , но когда я снова нажимаю ссылку, я не буду перенаправлен на другой поиск / another_search_id, я останусь на той же странице, но URL-адрес браузера будет изменен (страница не перезагружается).

Я не уверен, какие фрагменты кода мне следует предоставить, поэтому, пожалуйста, дайте мне знать, где может быть проблема, и я предоставлю все, что вы попросите.

Routing model

{
    path: 'search',
    component: SearchComponent,
},
{
    path: 'search/:id',
    component: SearchDetailComponent,
},

Template link

<a [routerLink] = "['/search', item.id]" 
   class = "list-group-item list-group-item-action list-group-item-light" 
   *ngFor='let item of searchHistory'>Name</a>

что ты имеешь ввиду под страница не перезагружается?

Jota.Toledo 06.05.2018 13:21
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
1
442
1

Ответы 1

¿Как вы проверяете параметр идентификатора изменения маршрута?

Когда вы изменяете маршрут, но только параметр, страница не обновляется, в вашем маршрутизаторе есть событие, чтобы проверить изменение параметра, а затем изменить необходимые данные в вашем компоненте.

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.params.subscribe(
      params => {
        this.searchId = params['id'];
        // Every time you change the route this event will run and then you can update the required data
      }
    );
  }

Я надеюсь это поможет тебе

Другие вопросы по теме