Angular 2 ngClass，带有用户提供的字符串

Question

我正在尝试使用ngClass将动态的，用户提供的类字符串附加到组件。我在IDE中没有语法错误警告，但Angular编译器抱怨语法（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'
  }