how to iterate map in html

Code Example 1

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

Code Example 2

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