ngAfterContentChecked和ngAfterViewChecked直到第二个事件之后才显示正确的值

Question

我有角度2代码，它显示一个包含多个字段的网格，每个字段都有一个过滤器。我想显示运行过滤器时返回的项目数。我这样做是通过计算当前屏幕上的行数，并使用ngAfterViewChecked（）来获取更改后的数字。我面临的问题是，正确的数字仅在第二个事件发生后显示。例如，在下面的图片中，过滤器返回了1个项目，但它显示“共有11个用户共13个”＃39;但是，如果我单击鼠标或按一个键将其更改为“显示1个用户总共13个＆＃39;”。我也尝试过使用ngAfterContentChecked（）

query parameters

＆＃13;

＆＃13;

ngAfterViewChecked() : void {

        this.numOfUsersOnPage = document.getElementsByClassName("ui-datatable-even").length;
        this.changeDetection.detectChanges();

}

＆＃13;

<div class="grid-padding">
        <span *ngIf="showNumOfUser"> Showing {{numOfUsersOnPage}} users of {{totalNumOfUsers}} in total </span>
</div>

＆＃13;

＆＃13;

＆＃13;