角2添加類動態

Question

有了這個模板：

<li role="menu" class="drop-down"> 
    <a class="drop-down--toggle"> 
    <span class="flag-icon" [class]="_current.flag"//<-- don't work></span> 
    </a> 
    <ul class="drop-down--menu> 
    ... 
    </ul> 
</li> 

而這種模式：

export class LocaleModel { 
    id: number; 
    code: string; 
    name: string; 
    fileName: string; 
    flag: string;// <-- could be "flag-icon-es" or "flag-icon-gb" 

    constructor(id: number, code: string, name: string, fileName: string, flag: string) {} 
    } 

所期望的最終效果是：

<li role="menu" class="drop-down"> 
    <a class="drop-down--toggle"> 
    <span class="flag-icon flag-icon-es"></span> 
    </a> 
    <ul class="drop-down--menu"> 
    ... 
    </ul> 
</li> 

是否有可能有一部分的類添加動態，或者我應該保存整個類名稱，如「標誌 - 圖標標誌 - 圖標-ES」，並將其添加整個？

Answer 1

使用ngClass下面給出：

<span class="flag-icon" [ngClass]="[_current.flag]"></span>