ng-repeat를 사용하여 캐 러셀을 만들려고 시도했습니다.

Question

이미지와 해당 이름을 DIV에 표시하는 ng-repeat가 있습니다.

3 개를 화면에 표시하고 다음 3 개로 이동하는 슬라이더가있는 회전식 컨베이어로 바꾸고 싶습니다. 한 번에 하나씩 표시하는 데 성공했습니다. 내가 원한 세 명에게,하지만 이미지는 노 쇼야. 누구든지 나를이 일을 할 수있는 곳으로 안내 할 수 있습니까?

<section class="container"> 
    <div class="row"> 
     <div class="col-sm-12"> 
      <h4>Tailor the Message for Your Audience:</h4> 
      <hr /> 
     </div> 
    </div> 
    <div class="carousel" id="slider" style="margin-left: 20px;"> 
     <div class="carousel-inner"> 
      <div ng-class="{active:!$index}" ng-repeat="a in initiatives.audiences | orderBy:'position'" class="item" ng-if="a.name !== $parent.$state.params.audience_name && a.name !== 'core-message'"> 
       <a href="{{ a.name }}" force-refresh> 
        <!-- <div class="rectangle"> --> 
        <img ng-style="{'background-image': 'url(' + a.hero + ')'}"></img> 
        <!-- </div> --> 
        <p>{{ a.name.replace('-', ' ') }}</p>   
       </a> 
      </div> 
     </div> 
     <a class="carousel-control right" href="#slider" data-slide="next"></a> 
    </div> 
</section> 

Answer 1

시도 :

<img ng-src="{{ a.hero }}"></img>