Angular2路由页锚点问题

时间:2017-10-13 00:03:39

标签: html angular2-routing anchor

我遇到一个问题,我认为Angular2干扰了它如何处理HTML中的普通锚标记。我在页面下面有几个链接" Content2"尝试引用该页面的部分。

<div id="navigation">
  <a [routerLink]="['#section01']" fragment="section01" style=background:magenta>Section 1</a><br/>
  <a [routerLink]="['#section02']" fragment="section02" style=background:cyan>Section 2</a><br/>
  <a href="#section03" style=background:yellow>section 3</a><br/>
  <a href="#section04" style=background:red>section 4</a><br/>
  <a [routerLink]="['/content02']" fragment="section05" style=background:green>Section 5</a><br/>
</div>

我的目标是允许导航栏用作位于我尝试调用的HTML之外的导航工具,但仍然可以直接链接HTML中的部分,在本例中为Content2。

这是我的困境中的掠夺者: https://next.plnkr.co/edit/MFtSgY0e57nAG6D5

我甚至尝试使用导航栏中的直接routerLink引用HTML,但它不符合要求。我确定我遗漏了一些非常基本的Angular2路由。或者我可能首先想知道路线应该如何构建。

0 个答案:

没有答案