Javascript 使用角度表达式迭代(打印)TypeScript贴图
我希望迭代这个映射,以便在映射上显示标记(值对象),并使用id(键)调用操作 我的地图如下所示:Javascript 使用角度表达式迭代(打印)TypeScript贴图,javascript,angular,google-maps,typescript,google-maps-api-3,Javascript,Angular,Google Maps,Typescript,Google Maps Api 3,我希望迭代这个映射,以便在映射上显示标记(值对象),并使用id(键)调用操作 我的地图如下所示: let markerMap: Map<string, GMarker> = new Map<string, GMarker>(); 现在我想用一个角度表达式来迭代这个贴图 我尝试了使用自定义管道的不同方法: import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'keys' }) export
let markerMap: Map<string, GMarker> = new Map<string, GMarker>();
现在我想用一个角度表达式来迭代这个贴图
我尝试了使用自定义管道的不同方法:
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'keys' })
export class KeysPipe implements PipeTransform {
transform(value, args: string[]): any {
let keys = [];
for (let key in value) {
keys.push({ key: key, value: value[key] });
}
return keys;
}
}
地图正在填充,现在我必须在hmtl中显示它:
<ul>
<li *ngFor="let m of markerMap | keys"></li>
</ul>
595e58eb27362d6b873cf1b7对象{long:4.39751,lat:52.65264}
595e58ec80ea98f3080036fc对象{long:4.39751,lat:52.65264}
595e58ec6814c9194fea9240对象{long:4.39751,lat:52.65264}
595e58ec71693848ee4f2230对象{long:4.39751,lat:52.65264}
提前谢谢
<ul>
<li *ngFor="let m of markerMap | keys"></li>
</ul>
this.markerMap.forEach((value: GMarker, key: string) => {
console.log(key, value);
});