用戶提供的字符串Angular 2 ngClass

Question

我想用ngClass將一個動態的用戶提供的類字符串附加到一個組件上。我得到了IDE沒有語法錯誤警告，但角度編譯器抱怨語法（Missing expected : at column...）：

<li [ngClass]="{[item['class']]: true}">{{ item.title }} </li> 

項目具有結構中

interface IItem { 
    'class': string; 
    title: string; 
} 

那麼，什麼是錯的我ngClass輸入？

Answer 1

<li [ngClass]="item['class']">{{ item.title }} </li> 

或：

<li [ngClass]="getClass(item)">{{ item.title }} </li> 

組件：

getClass(item){ 
    // calculation 
    return 'my-class' 
    }