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>

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

1 个答案: