根据结果,数字本身应具有特定的颜色。当数字为负时,布尔值应该给它们一个类名为负数,因此数字将为红色,否则为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>
答案 0 :(得分:1)
使用Angular 2,使用ngClass的方式已经改变。现在你应该将它用作属性绑定,如:
<h2 [ngClass]="{'negative': totalcost < totalexpense, 'positve' : totalcost > totalexpense">{{ totalCost() - totalExpense() }} </h2>
如果你有其他的东西,这应该会给你想要的结果。