Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角转盘不显示/不工作_Javascript_Html_Angularjs_Angular Carousel - Fatal编程技术网

Javascript 角转盘不显示/不工作

Javascript 角转盘不显示/不工作,javascript,html,angularjs,angular-carousel,Javascript,Html,Angularjs,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"> &l

使用角度转盘指令时,内容不会显示:

 <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>
  • {{slide.title}} {{slide.description}}


要显示内容,您必须添加ccs高度和宽度:

ul {
    height:300px;
    width: 600px;
    background:blue;
}
大多数示例都包含乞讨时的css规则:

或者您可以添加ccs规则来调整内容的高度(我个人建议使用此选项):


现在可以使用了吗?@NagaSaiA您必须先添加css规则。
ul[rn-carousel] {
  > li {
    position: relative;
    margin-left: -100%;
    &:first-child {
      margin-left: 0;
    }
  }
}