angularjs - parseFloat 在 angularjs View 中不起作用

Question

以下条件在 Angular View 内返回 false:

<a ng-class="(parseFloat('-0.56%') < 0) ? 'true' : 'false'">...</a>

我已经在 $scope 中添加了 parseFloat 方法。

$scope.parseFloat = parseFloat;

感谢您的帮助。

Answer 1

看看这个 fiddle

您可以使用选项 1(如您所拥有的那样)，但您需要使用 class 而不是 ng-class

<a class="{{(parseFloat('-0.56%') < 0) ? 'true1' : 'false'}}">Option 1</a>

为了使用ng-class，请使用:

<a ng-class="{'true': (parseFloat('-0.56%') < 0), 'false': (parseFloat('-0.56%') >= 0)}">Option 2a</a>    
<a ng-class="{'true': (parseFloat('0.56%') < 0), 'false': (parseFloat('0.56%') >= 0)}">Option 2b</a>

不同之处在于，ng-class 采用一个对象，其中 key 是类，value 是用于确定的 bool 计算如果类被添加到元素中。