Прослушивание изменений в роутере Link - PullRequest
Новая
       22

Прослушивание изменений в роутере Link

0 голосов
/ 31 декабря 2018

У меня есть несколько ссылок, которые при нажатии должны открывать компонент в router-outlet .Этот компонент отображает содержимое на основе значения в routerLink.Основываясь на коде, всякий раз, когда пользователь щелкает ссылку, предоставленную {{note.title}}, NoteContentComponent должен открываться на выходе маршрутизатора.

Если я в корнеприложение: localhost: 4200 и щелкните ссылку, по которой приложение перейдет на localhost: 4200 / notes / requiredid и откроет компонент.Что все хорошо.Но в следующий раз, когда я нажму любую другую ссылку, URL-адрес в адресной строке изменится, но новый компонент не отобразится в router-outlet .

<div class="container-fluid note-nav-container">
    <div class="row" style="height: 100%;">
        <div class="col-md-2 col-sm-12 note-nav">
            <ul *ngIf="notes" class="note-list">
                <li *ngFor="let note of notes">
                    <a routerLink="/notes/{{note._id}}">
                        {{ note.title }}
                    </a>
                </li>
            </ul>
        </div>

        <div class="col-md-10 col-sm-12 content-container">
            <router-outlet></router-outlet>
        </div>
    </div>
</div>

Мои маршруты: 

const routes: Routes = [
    {
       path: 'notes',
       children: [
           {
               path: ':id',
               component: NoteContentComponent
           }
       ]
    }
];

Мне кажется, проблема в том, что когда я нажимаю ссылку во второй раз, она видит, что приложение уже указывает на / notes/: id , и хотя адрес меняется, открытие нового компонента не беспокоит.

Как мне обойти это.

...