Как cdkVirtualFor скрыть пустые блоки?

Question

[Galdar Turin]

Такая вот проблема, вывожу список объектов но с таким условием. contact.SEND должен быть true. Как бы все верно список пустой, но если посмотреть в HTML то:

HTML вывод

видно что он выводит список блоков и они упорядочены, далее получается так, что если я активирую 1-й объект и последний, появиться в списке только первый, а до последнего придется листать аж в конец...

Собственно вопрос. Как добиться такого результата, чтобы в начале были выведены все активированные объекты. Или придется выводить отдельный массив с выбранными объектами, что не очень хотелось бы.

HTML

<cdk-virtual-scroll-viewport itemSize="10" cdkScrollable >

        <div *cdkVirtualFor="let contact of contactsSelect | search:'listContactsType':searchStr" appAltInfo>

            <div *ngIf="+contact.SEND" class="boxContact" (dblclick)="removeContact(contact.ID)">

                <div class="main-info">
                    <div class="typeName" >{{ contact.NAME }} {{ contact.LAST_NAME }}</div>
                    <button (click)="removeContact(contact.ID)"><fa-icon class="fa-spin" [icon]="faMinus"></fa-icon></button>
                </div>

                <div class="add-info">
                    {{ contact.STR_PHONE }}
                </div>

            </div>

        </div>

    </cdk-virtual-scroll-viewport>

Comments

[Антон Швец]

отсортировать массив же.
Данные первичны, хтмл рендерится уже по данным

[Galdar Turin]

Антон Швец, не совсем понял по поводу сортировки, я пытался сделать так, у тех значений у которых стоит contact.SEND в TRUE перемещать на самый верх массива. Только было глухо и ни чего не происходило.

Был бы благодарен если бы вы расписали как это можно реализовать

[Антон Швец]

Galdar Turin, было бы здорово, если бы вы сделали пример на stackblitz, можно было бы попробовать починить

[Galdar Turin]

Антон Швец, там очень большой проект, а перенести файлы в stackblitz невозможно, так как требует подписки. Перенес в ручную займет очень много времени( Видимо не поможете...