如何使用现有的类名添加类名答案

【问题标题】：How to add class name with the existing class name如何使用现有的类名添加类名
【发布时间】：2015-09-11 20:49:47
【问题描述】：

我从服务器获取classname 为red、blue 或green。我试图用元素添加那个类。但什么也没发生。

有人纠正我吗？

这是我的尝试：

    <span class="proStatus" ng-class="{activeApp.status}"> //class not adds
      {{activeApp.status}} //i am getting `blue` here.
   </span>

【问题讨论】：

标签： angularjs

【解决方案1】：

简单地说，

<span class="proStatus {{activeApp.status}}"> ...

或更高效

<span class="proStatus" ng-class="activeApp.status"> ....

这里是DOC

它说您可以将scope 值绑定为，

$scope.className = 'this-is-class-name';

<span class="proStatus" ng-class="className">

为什么在 ng-class 中使用 { }

如果您想根据以下条件应用 css 类，

<span class="proStatus" ng-class="{ 'className' : applyClass }">

css 类 className 仅在 applyClass 设置为 true 时适用于 span

【讨论】：

是的，但有时我们只使用一个{ 大括号。 ng-class="{enabled: $index == 0}" 那你为什么在这里使用 2 {{ 大括号？场景用途是什么？
如果你想基于某个条件应用一个类，那么你必须使用单括号，如果不是，你可以将它插入到 class 中或更有效地插入到 ng-class 中，如图所示以上。