Angular2 RouterLinking работает в одном месте, а не в другом

Question

У меня есть мой routerLinks, работающий в моем приложении Angular2. Из моего основного drop-menu, когда я нажимаю на ссылки, они загружают правильный URL и соответствующий правильный компонент. Тем не менее, у меня есть те же самые ссылки, которые перечислены в другой части приложения, и по какой-то причине они там не работают. Я нажимаю на них, и ничего не происходит - изменение URL-адреса и отсутствие загрузки компонента. Единственное отличие между рабочим и нерабочим экземпляром заключается в том, что нерабочий экземпляр включает ссылки, привязанные к элементам «li» в пределах «ul». Сначала я перечислю код, который работает:

<div class="nav-menu-item indent"><a routerLink="about">About</a></div> 
<div class="nav-menu-item indent"><a routerLink="contact">Contact</a></div> 

А вот уль случай, когда они не работают:

<ul class="sublist"> 
    <li class="subitem"><a routerLink="about">About</a><span class="sub-item-count">68</span></li> 
    <li class="subitem"><a routerLink="contact">Contact</a><span class="sub-item-count">56</span></li> 
</ul> 

Answer 1

Я думаю, что в то время как ваш первый компонент решает этот маршрутизатор ссылку отлично. Второй не знает, что это такое. Попробуйте следующее:

<ul class="sublist"> 
    <li class="subitem"><a routerLink="/about">About</a><span class="sub-item-count">68</span></li> 
    <li class="subitem"><a routerLink="/contact">Contact</a><span class="sub-item-count">56</span></li> 
</ul>