Angular2 - ng-class不应用css

时间:2017-04-18 16:28:57

标签: angular ng-class

我只是想在表中实现条件行格式,但它不起作用。

代码非常简单:

样式

<style type="text/css">
  .red {
    color: red;
  }

  .blue {
    color: blue;
  }
</style>

html组件

<tr *ngFor="let c of customers" [class.selected]="c === selectedItem" ng-class="{1==1 ? 'red': 'blue'}">

条件1==1始终为true,并且应该呈现红色类,但它不适用于红色或蓝色类。

2 个答案:

答案 0 :(得分:4)

我创建了这个例子。

<div>
  <h2 [ngClass]="1==1?'red':'blue'">Hello {{name}}</h2>
</div>

答案 1 :(得分:1)

html组件

<tr *ngFor="let c of customers" [class.selected]="c === selectedItem" [ngClass]="{1==1 ? 'red': 'blue'}">