基于AngularJS表达式中的整数值应用类

Question

我正在计算两个值之间的差，然后将该值存储在名为"的变量中allCallsNet"；，我想使用AngularJS表达式，根据HTML中的数字是正数还是负数来切换类

示例：

{allCallsNet=allCallsWeek1 - allCallsWeek2;""}
<p ng-class"{{positive: (allCallsNet.value != 'Negative')}}">{{allCallsNet}}</p>

Answer 1

如果您还需要帮助检查数字符号，这可能有助于

angular.module('Stack', []).controller('MainCtrl', function($scope) {
$scope.allCallsNet = 0;
$scope.add = function() {
$scope.allCallsNet += 1;
}
$scope.sub = function() {
$scope.allCallsNet -= 1;
}
});

.negative {
color: red;
}
.positive {
color: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="Stack" ng-controller="MainCtrl">
<!-- You can use the ternary operator, to exchange between classes -->
<p ng-class="allCallsNet > 0 ? 'positive' : 'negative'">Start editing and see your changes reflected here!</p>
<button ng-click="add()">Add</button>
<button ng-click="sub()">Subtract</button>
<p>{{ allCallsNet }}</p>
</div>

Answer 2

试试这个：

<p [class.positive]="allCallsNet.value != 'Negative'" >{{allCallsNet}}</p>