如果else，更改angularjs控制器内的css类名

Question

我试图从角度控制器更改css类名称if else循环。

这是我的控制器

form

CSS

React

如果条件满足我需要将css类更改为其他东西。我这样做是因为如果我直接使用徽章重要的css类，它将应用于每个html元素。我需要仅在条件时应用样式我不知道怎么做到这一点。任何人都可以帮我这个吗？

Answer 1

您可以在模板中使用ng-class指令。

例如：

<div ng-controller="AppController as app">
  <div ng-repeat="event in app.data" 
       ng-class="event.notifyDate > app.today ?
                 'badge-important2' :
                 'badge-important'">
    {{event.name}}
  </div>
</div>

Here's a working fiddle.

Answer 2

进入控制器

$scope.isMoreImportant = (notifyDates>today && cssClass=='badge-important' )

进入HTML页面

ng-class="{'badge-important2':isMoreImportant}"