Якорь клик не работает с Dynami c загрузка HTML в angular 8

Question

Моя проблема с прокруткой не работает с Dynami c загрузка HTML в angular 8, он загружает html, но если я нажимаю на тег, он не работает с прокруткой, пожалуйста, дайте мне знать если у вас есть идеи.

HTML Код находится в отдельном файле, который называется. html:

<a href="#immigrants">Immigrants</a>
<a href="#immigrants1">Immigrants1</a>
<a href="#immigrants2">Immigrants2</a>
<br /><br />
<h3 id="immigrants">Immigrants</h3>
<p> people who have temporarily or permanently settled in a country that is  different from their home country. </p>
<br /><br />
<h3 id="immigrants1">Immigrants1</h3>
<p> people who have temporarily or permanently settled in a country that is  different from their home country.</p>
<br /><br />
<h3 id="immigrants2">Immigrants2</h3>
<p> people who have temporarily or permanently settled in a country that is  different from their home country.</p>

В файле a.component.ts я вызвал метод GET для ngOnInit, чтобы get HTML, поэтому я получил HTML в виде строки, и я отображаю содержимое, используя внутренний Html, например.

let htmlCode='';
Call the GET API: this.http.get('./a.html', { responseType: 'text' }).subscribe((res)=>{
this.htmlCode=res;
});

<div [innerHtml]="htmlCode"></div>