角傳送帶沒有顯示/不工作

Question

當我使用的角傳送帶的指令，內容不表示：

<ul rn-carousel rn-carousel-controls rn-carousel-index="carouselIndex" rn-carousel-buffered > 
    <li ng-repeat="slide in slides track by slide.id" > 
     <div class="text-center main-hiw-description"> 
     <img class="img-circle img-hiw" src="{{slide.image}}" alt="logo" /> 
     <h4>{{slide.title}}</h4> 
     <p> 
      {{slide.description}} 
     </p> 
     </div> 
    </li> 
    </ul> 

Link

Answer 1

要顯示的內容必須添加一個CCS高度和寬度：

ul { 
    height:300px; 
    width: 600px; 
    background:blue; 
} 

大多數例子包含在乞CSS規則：

• http://www.ceus-now.com/rn-carousel-not-showing-image-on-screen/
• http://jsfiddle.net/3QBEE/
• http://plnkr.co/edit/VruPSSkVK47YgeUwYO7l?p=preview

或者你可以添加一個CCS統治的高度調整到內容（我個人建議使用此選項）：

ul[rn-carousel] { 
    > li { 
    position: relative; 
    margin-left: -100%; 
    &:first-child { 
     margin-left: 0; 
    } 
    } 
}