如何使用数据绑定将类名字符串的一部分更改为任何ISO国家/地区代码？

Question

我想使用flag-icon样式表显示元素的国家标志图标。这会根据国家/地区的ISO代码显示国家/地区标志，例如：

<span class="flag-icon flag-icon-gr"></span>

显示希腊标志（ISO代码GR）。

如何动态更改双字符ISO代码？像这样的东西：

<span class="flag-icon flag-icon-{{un_country}}"></span>

或这个：

<span [className]="'flag-icon flag-icon-{{un_country}}'"></span>

Answer 1

似乎class="flag-icon" [ngClass]="'flag-icon-' + un_country"应该工作

Answer 2

在comp.html中

class="flag-icon" [ngClass]="flagClass"

在comp.ts

this.flagClass='flag-icon-' + this.un_country;