angular - テンプレート内のネストされたループの角度インデックス

Question

テーブルにネストされたループがありますが、DOM に限られた量の行のみを表示し、ボタンがクリックされたときにさらにロードしたいと考えています。

ループは次のようになります。

<ng-container *ngFor="let organisation of organisations; let organisationIndex = index;">
    <ng-container *ngFor="let department of organisation.departments; let departmentIndex = index;">
        <ng-container *ngFor="let user of department.users; let userIndex = index;">
            <div>
                This is a List entry and i only want this 20 times in total (not for each loop)
            </div>
        </ng-container>
    </ng-container>
</ng-container>

可能な場合、複雑さを増すことなく、ネストされたループ内でインデックスを取得する最もスムーズな方法は何ですか?

css :nth-of-type やそれに類似したものを使用したくありません。これは、データセットが巨大であり、要素が css で隠されていても dom が遅くなるためです。

各配列の長さは動的であるため、静的な数式 (organisationIndex * 50 など) を作成できません。