使用Hashtag到页面锚点的Angular 5路由

Question

我想做的是在我的主页上链接到另一页的某个部分。.所以我尝试的是将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 ，但实际上并没有带我进入页面的那一部分。

谢谢！

Answer 1

您可以像这样使用属性“ fragment”：

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

更多信息在这里