angular - 如何计算Angular2中的dom元素

Question

我想知道是否有一种简单的方法可以使用Angular 2来计算dom元素。例如有以下代码:

    <div *ngFor="let user of users" [ngClass]="{'special': isSpecial(user)}">
        {{ user.name }}
    </div>

有没有一种简单的方法可以在不创建管道或函数的情况下获取包含特殊类的总行数？

使用 Jquery，就像运行一样简单:

$( ".special" ).length;

Answer 1

您可以使用普通的 DOM API 来完成之前通过 jQuery 完成的操作，例如:

document.querySelectorAll('.special').length

但是，除非 isSpecial(user) 函数的运行成本极其昂贵，否则为什么查询 DOM 比在代码中过滤 users 数组的性能更高呢？

users.filter(u => isSpecial(u)).length

我提醒大家，如果没有先实际运行一些性能测试来验证您的假设，就不要过分担心这种情况下的性能。