如果导入了mapcontainer,则routerlink不起作用

时间:2019-03-31 16:58:52

标签: angular here-api

我正在尝试将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>

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

1 个答案:

答案 0 :(得分:0)

问题与*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感谢您的答复。