angular 2+, перейдите к указанному элементу по ссылке ha sh (#)

Question

Html может перейти на указанную позицию через ha sh (#) url, например:

index. html:

<div id='loc_a'>
 loc_a
</div>
<div id='loc_b'>
 loc_b
</div>
<div id='loc_c'>
 loc_c
</div>

Если вы хотите проведите пальцем прямо в положение loc_c, вы можете использовать следующий URL: http:\\127.0.0.1:4200\index.html#loc_c

Но маршрутизатор angular не может распознать ha sh URL, независимо от того, находится ли указанный элемент в основном компоненте или дочерний маршрут.

Пример маршрутизатора:

{
  path: '', component: mainComponent,
  children: [
    {path: '', component: childrenComponent},
  ]
}

Answer 1

Вы можете попробовать с window.scrollTo

const ele = document.getElementById(elementId);
if (ele) {
  window.scrollTo(ele.offsetLeft, ele.offsetTop);
}