角转盘未显示/不工作

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