javascript - Angular 5 使用标签到页面 anchor 的路由

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

更多信息here