изменить идентификатор карусели динамически в angularjs - PullRequest
Новая
       6

изменить идентификатор карусели динамически в angularjs

0 голосов
/ 06 сентября 2018

Я использую карусель в своем приложении AngularJS. Я хочу менять идентификатор карусели каждую итерацию, но она не работает. Скажите, пожалуйста, что не так? 

<div ng-repeat="data in details">
        <div class="carousel" id="{{data._id}}" style=" width: 290px;
      max-width: 100% ;
      height: 250px;">

           <div class="carousel-inner">
            <div class="item" ng-class="{active:!$index}" ng-repeat="photo in data.photos">
                {{$index}}
               <a target="_blank" ui-sref="PhotoUpload">
                <img src="{{ photo }}" style=" width: 290px;
      max-width: 100% ;
      height: 250px;">
    </a>
            </div>
        </div>

        <a class="left carousel-control" data-target="#{{data._id}}" ng-non-bindable data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" data-target="#{{data._id}}" ng-non-bindable  data-slide="next">
          <span class="glyphicon glyphicon-chevron-right"></span>
          <span class="sr-only">Next</span>
        </a>
    </div>
</div>

Первый слайд изображения карусели работает, но после этого вторые изображения карусели не работают, если я нажимаю предыдущий и следующая кнопка изменяет первые изображения карусели. но вторые изображения

Пожалуйста, помогите мне.

Ответы [ 2 ]

0 голосов
/ 06 сентября 2018

Должны быть возможности, что ваши идентификаторы одинаковы для всех элементов. Пожалуйста, добавьте {{$ index}} в ID.

Попробуйте приведенный ниже фрагмент 

id="{{data._id}}_{{$index}}"
0 голосов
/ 06 сентября 2018

Я обычно обрабатываю значения динамического идентификатора следующим образом: 

[attr.id]="data._id"

и для data-target

[attr.data-target]="'#' + data._id"
...