角轉盤未顯示/不工作

Question

當我使用angular-carousel指令時，內容未顯示：

 <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>

鏈接

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;
    }
  }
}