Можно ли перейти к элементу 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>