how to iterate map in html

this.map.forEach((value: string, key: string) => {
    console.log(key, value);
});

<ul>
    <li *ngFor="let recipient of map | keyvalue">
        {{recipient.key}} --> {{recipient.value}}
    </li>
</ul>