如何使用“>"AngularJS ng-if语句中的比较器

How to use ">" comparator in AngularJS ng-if statement

本文关键字：语句 ng-if AngularJS 比较器 何使用 gt quot      更新时间：2023-09-26

是否可以在HTML中的ng-if中使用"大于"比较器？问题是">"符号过早地关闭了HTML标记。

前任。这个：<div ng-if="foo>0" class="bar"> (HTML STUFF) </div>

读取为：<div ng-if="foo"> (0 class="bar"> HTML STUFF) </div>

我最终使用了ng if="foo！=0"来解决这个问题，但我可能会使用小于比较器，但我只是很好奇，以防出于某种原因，我不得不使用大于符号。或者我可能不得不把这个逻辑转移到其他地方，比如在我的控制器中，而不是在我的视图中？

编辑1因此，比较器本身似乎不是问题所在，而我的代码中正在发生其他事情。奇怪的是，当我在比较器前后有空格时，它可以工作，但没有空格就不行。如果这有什么意义的话，我也使用角度1.3.15。

<div class="paginate" ng-if="list.total > 0">作品

<div class="paginate" ng-if="list.total>0">不工作

这是一个使用>符号的示例。这很好用。

<div ng-if="myvariable.length > 2">
</div>

我建议在作用域上创建一个方法，并抽象条件的逻辑。业务规则可能会扩展和更改。使用单独的方法，您不需要更改模板。

// in controller
$scope.isValidFoo = function () {
    return $scope.foo > 0;
}
// in template
<div ng-if="isValidFoo()">...</div>
相关文章：