массив в массиве в angularjs карусели - PullRequest
Новая
       6

массив в массиве в angularjs карусели

0 голосов
/ 05 января 2019 
<div id="displayCarousel" class="carousel slide carousel-fade" data-ride="carousel">
    <div class="carousel-inner" role="listbox">
    <div class="carousel-item" ng-class="{active:!$index}" ng-repeat="pics in advertimages">
    <div class="view">
                <span ng-repeat="x in pics.files">
                 <img ng-src="img/my_adverts/{{x}}" class="d-block w-100" alt="image">
               </span>
               <div class="mask rgba-black-light"></div>


    </div>
    <div class="carousel-caption">
    <h3 class="h3-responsive">From:</h3>
                <p>@{{pics.username}}</p>

    </div>

    </div>

    </div>

    <a class="carousel-control-prev" href="#displayCarousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#displayCarousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>

</div>

$ scope.advertimages - это массив из базы данных, массив содержит столбец с именем files , который также является массивом. У меня проблема в том, что если файлы определенной строки в $ scope.advertimages содержат более одного изображения, то все изображения в этой строке будут отображаться на одном страница карусели.

Позвольте мне объяснить лучше. Предположим, что столбец «файлы» первого ряда рекламных объявлений имеет одно изображение. Тогда в столбце «файлы» второго ряда рекламных объявлений есть три изображения. Единственное изображение первого ряда займет одну страницу карусели, что мне и нужно, но проблема в том, что три изображения второго ряда будут на одной странице карусели. Я хочу вот что: три изображения второго ряда также должны быть на разных страницах карусели.

...