У меня проблема.Я пытаюсь реализовать бесконечный свиток в своем проекте Angular.Прокрутка работает нормально, но я не могу связать данные внутри строки, чтобы отобразить данные в сетке.
Это мой код:
<cdk-virtual-scroll-viewport *ngIf="!buscar" style="height: 100vh" itemSize="50" >
<ng-container *cdkVirtualFor="let venue of venues">
<div class=" col-6 col-md-6 col-lg-3 mb-4">
<div class="card" [routerLink]="['/salas/details/', venue.id]">
<img class="card-img-top img-fluid venue-img animated fadeIn slow" onError="this.src='../../../assets/img/brand/giramos-logo.gif';" src="{{venue.img}}" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">{{venue.nombre}}</h5>
<p class="card-text">{{venue.ciudad}} / {{venue.distrito}}</p>
</div>
</div>
</div>
</ng-container> </cdk-virtual-scroll-viewport>
Если я попытаюсь поместить класс строки в cdk-virtual-scroll-viewport или в ng-container все сбой.Поэтому я не помещаю класс строки и работает нормально, но результат таков:
Элементы по одному на строку
Если я проверю страницу иОтредактируйте HTML, добавив класс строк. Я могу получить желаемый результат:
Желаемый эффект
Как мне получить этот результат?Большое спасибо.