如果导入了 mapcontainer，routerlink 不工作

Question

我正在尝试将 Here 地图导入我们的网页之一。

    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 标签不起作用。单击超链接不会将我带到新页面。但如果我尝试右键单击超链接并在新选项卡中打开，效果很好。

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

无法缩小根本原因范围。任何参考或指针都会有所帮助。

Answer 1

问题出在 <a> 标记中的 *ngFor="let s of getSzValues(z.zones)" 表达式。 getSzValues() 在鼠标事件上被一次又一次地调用。

更新表达式以从对象中获取值而不是像下面那样进行函数调用后，问题已解决。

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

@HEREDeveloperSupport 感谢您的回复。

如果导入了 mapcontainer，routerlink 不工作

routerlink not working if mapcontainer is imported

here-api

angular