I want to display the country flag icon of an element using the flag-icon stylesheet. This displays a country flag based on a country's ISO code, for example:
<span class="flag-icon flag-icon-gr"></span>
Displays the Greek flag (ISO code GR).
How do I dynamically change the two-character ISO code? Something like this:
<span class="flag-icon flag-icon-{{un_country}}"></span>
Or this:
<span [className]="'flag-icon flag-icon-{{un_country}}'"></span>