javascript - 角轮播不显示/不工作

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