我可以滚动到另一个组件模板中的 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

在模板中，您需要将字符串传递给方法：

改变这个：

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

对此：

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