Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用角度表达式迭代(打印)TypeScript贴图_Javascript_Angular_Google Maps_Typescript_Google Maps Api 3 - Fatal编程技术网

Javascript 使用角度表达式迭代(打印)TypeScript贴图

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

我希望迭代这个映射,以便在映射上显示标记(值对象),并使用id(键)调用操作

我的地图如下所示:

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);
        });