用户提供的字符串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' 
    }