css - 如何使用数据绑定将部分类名字符串更改为任何 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>

标签： cssangulardata-binding

Answer 1

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