Html 角度2从一个组件链接到另一个组件到网页特定部分的路由

我在页脚中有一个指向术语页面的链接，但我希望该链接指向术语网页的特定部分（术语的第3段）

下面是

footer.component.html

<a routerLink="terms">Terms & conditions</a> | 
<a routerLink="terms">Privacy policy</a> | 
<a routerLink="terms">Cancellation policy</a>

我们需要使用什么才能使这些工作正常？感谢您的帮助。谢谢。

这是答案

---

和

为了添加到@Rahul VV的答案中，我用下面的事件滚动视图编辑了组件，如下所示

footer.component.ts

import { Router, NavigationEnd } from '@angular/router';

constructor(router: Router) {
    router.events.subscribe(s => {
      if (s instanceof NavigationEnd) {
        const tree = router.parseUrl(router.url);
        if (tree.fragment) {
          const element = document.querySelector("#" + tree.fragment);
          if (element) { element.scrollIntoView(); }
        }
      }
    });
   }

@StefanLoKranDotti提供的链接u是为单个组件提供的，但我有两个组件要路由toIt与组件无关。路由器正在路由到组件并设置锚。它应该像下面描述的那样工作。我在组件中添加了方法，然后它就工作了perfectly@Johny_Bravo请参考此答案我需要导入任何模块吗？@Johny_Bravo请为每个参考使用更多内容（条款、取消和隐私）然后只有浏览器会以该部分开始是的，我有很多内容，但我点击了特定链接，它不会进入页面的特定部分是的，它出现了，但不会移动到特定部分
 <a [routerLink]="['/terms']" fragment="terms"> Terms & conditions </a>
 <a [routerLink]="['/terms']" fragment="cancel"> Cancellation policy </a>
 <a [routerLink]="['/terms']" fragment="privacy"> Privacy policy </a>

<ol start="3" id="privacy" >
     <li>INFORMATION SUBMITTED THROUGH OR TO OUR SERVICES</li>
</ol>

 <ol start="3" id="terms" >
     <li>INFORMATION SUBMITTED THROUGH OR TO OUR SERVICES</li>
 </ol>

 <ol start="3" id="cancel" >
     <li>INFORMATION SUBMITTED THROUGH OR TO OUR SERVICES</li>
 </ol>

import { Router, NavigationEnd } from '@angular/router';

constructor(router: Router) {
    router.events.subscribe(s => {
      if (s instanceof NavigationEnd) {
        const tree = router.parseUrl(router.url);
        if (tree.fragment) {
          const element = document.querySelector("#" + tree.fragment);
          if (element) { element.scrollIntoView(); }
        }
      }
    });
   }