角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>