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

我试图使用

ngClass

将用户提供的动态类字符串附加到组件。我在IDE中没有收到语法错误警告，但Angular编译器抱怨语法（

缺少预期的：在列…

）：

---

那么，我的ngClass输入有什么问题？

模板中的

项是什么？

。。。这使我无法在此处使用任何其他计算类。然后使用

{{{item.title}

或

{item.title}

对象的键必须是静态的，而不是动态的

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

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

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

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

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