javascript - Angular2 RouterLinking 在一个地方工作，而不是在另一个地方

Question

我的 routerLinks 在我的 Angular2 应用程序中工作。从我的主下拉菜单中，当我单击链接时，它们会加载正确的 URL 和相应的正确组件。但是，我在应用程序的另一部分列出了这些相同的链接，并且由于某种原因它们在那里不起作用。我单击它们，但没有任何反应 - 没有更改 URL，也没有加载组件。工作实例和非工作实例之间的唯一区别在于，非工作实例包括附加到“ul”内的“li”项的链接。首先，我将列出正在运行的代码:

 <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 实例:

<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>