如何根据正数或负数角4

时间:2017-05-05 06:25:13

标签: angular

根据结果,数字本身应具有特定的颜色。当数字为负时,布尔值应该给它们一个类名为负数,因此数字将为红色,否则为classname positive,这是一个绿色。

.negative {
  color: red;
}

.positive {
  color: green;
}
<tr>
  <td>Totale Inkomsten</td>
  <td ng-model="totalcost">{{ totalCost() }}</td> 
  <td>Totale Uitgaven</td>
  <td ng-model="totalexpense">{{ totalExpense() }}</td>
</tr>

<h2 ng-class="totalcost < totalexpense? 'negative': 'positve'">{{ totalCost() - totalExpense() }} </h2>

1 个答案:

答案 0 :(得分:1)

使用Angular 2,使用ngClass的方式已经改变。现在你应该将它用作属性绑定,如:

<h2 [ngClass]="{'negative': totalcost < totalexpense, 'positve' : totalcost > totalexpense">{{ totalCost() - totalExpense() }} </h2>

如果你有其他的东西,这应该会给你想要的结果。