如何使用现有类名添加类名

Question

我classname从服务器获取red,blue或green.我试图用该元素添加该类.但什么都没发生.

有人纠正我吗？

这是我的尝试:

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

Answer 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将适用于span当仅applyClass是对套true