Question

我有一个用ng-ifs显示不同数据的页面，我需要在同一页面上显示它们中有多少是真的。只是数字。 HTML很复杂，但我已经制作了一个更简单的版本来理解它是如何工作的。以下是HTML的样子，并且数据也在页面上进行操作，因此ng-if值在渲染后可能会发生变化，因此页面上的计数应随之改变。

<div ng-if="abc">
  some data 1 
</div>
<div ng-if="!abc">
  some data 2
</div>
<div ng-if="xyz">
  some data 3
</div>
<div ng-if="abc">
  some data 4
</div>
<div ng-if="!xyz">
  some data 5
</div>

我也做了一个plnkr。 http://plnkr.co/edit/5wdiSLhbHpOPJGjRn47L?p=preview

谢谢。

Answer 1

纯JavaScript解决方案可以是将类（或属性）添加到具有ng-if条件的HTML元素，然后使用document.getElementsByClassName('class-name').length来获取具有{{{ 1}}条件为真。

示例：

ng-if

在angularjs中计算ng-if真实语句？

1 个答案: