我可以滚动到另一个组件模板中的 HTML 元素吗？

Question

在一个组件中，我有一个导航栏，具有滚动到页面上的元素的功能。

导航栏模板：

 <a class="nav-link" (click)="scroll(services)">Services</a>

导航栏组件

scroll(id) {

  let el = document.getElementById(id);

  el.scrollIntoView();

}

我想滚动到另一个组件中的元素：

<section class="page-section" id="services">

这两个组件是不相关的，都是 app.component.html 的子组件。

这可以做到吗，如果不行我该怎么办？

Answer 1

在模板中，您需要将字符串传递给方法：改变这个：&nbsp;<a&nbsp;class="nav-link"&nbsp;(click)="scroll(services)">Services</a>对此：&nbsp;<a&nbsp;class="nav-link"&nbsp;(click)="scroll('services')">Services</a>