Angular ng-class不会向元素添加动态类

Question

我在item.dynamicClass = 'article'为什么

时难以理解

<div class="type" ng-class="{{ item.dynamicClass }}">

不会返回像：

这样的div

<div class="type article">

但是返回：

<div class="type" ng-class="article">

我能够完成这项工作的唯一方法是做

<div class="type" ng-class="itemClass(item.dynamicClass)">

// Controller
$scope.itemClass = function(type) {
  return type;
};

我想要一个不涉及控制器的解决方案

Answer 1

我认为你不需要绑定括号。传递给ng-class的是一个表达式，它计算结果，而不是绑定的东西（fiddle）：

<div class="type" ng-class="item.dynamicClass">