ссылка на роутер не работает, если импортируется mapcontainer

Question

Я пытаюсь импортировать Здесь карты в одну из наших веб-страниц.

    this.map = new H.Map(<HTMLElement> document.getElementById("mapContainer),
                         this.mapTypes.normal.map);
    let behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(this.map));

При добавлении выше строки тег не работает.При нажатии на гиперссылку мне не переходит на новую страницу.Но работает нормально, если я пытаюсь щелкнуть правой кнопкой мыши гиперссылку и открыть в новой вкладке.

<a *ngFor="let s of getSzValues(z.zones)" [ngClass]='active' href="/Detail/SZ" routerLink="/Detail/{{s[0]}}"> {{s[1]}}</a>

Не удается сузить основную причину.Любая ссылка или указатели будут полезны.

Answer 1

Ошибка с выражением *ngFor="let s of getSzValues(z.zones)" в теге <a>. getSzValues ​​() вызывался снова и снова при событиях мыши.

Проблема устранена после обновления выражения для извлечения значений из объекта вместо вызова функции, как показано ниже.

<div *ngFor="let key of z.subzones.keys()">
     <a routerLink="/Detail/{{ key }}">  {{z.subzones.get(key)}}</a>
</div>

@ HEREDeveloperSupport Спасибо за ответ.