带有Hashtag的Angular 5路由到页面锚点

时间:2018-02-04 23:02:15

标签: javascript html angular typescript

我想要做的是在我的主页上有一个链接链接到另一个页面上的某个部分..所以我尝试的是routerLink到页面,然后是某个id但它不起作用我不确定即使这是你怎么做的......

homepage.component.html

<img [routerLink]="['our-products/#element']" data-src="../../assets/img/product-logos/product-logo.svg" alt="Product Logo">

然后显然在我的产品页面上

  <div class="product" id="element">Content in here</div>

任何帮助将不胜感激

修改 我已经将fragment添加到字符串中,如此

<img [routerLink]="['our-technology']" fragment="element" data-src="../../assets/img/product-logos/product-logo.svg" alt="Product Logo">

然后创建网址http://mywebsite.com#element ..但它实际上并没有把我带到页面的那一部分..

谢谢!

1 个答案:

答案 0 :(得分:0)

你可以像这样使用属性'fragment':

catch

更多信息here