繁体   English   中英

无法使旋转木马工作

[英]Can't get angular-carousel to work

我正在使用角度轮播创建一个简单的轮播。 但是,我无法使其正常工作。 这是我的朋克。 我正在使用1.3.15版。

没有错误,但我只是得到了一个空白屏幕,如插塞。

JS(script.js):

var app = angular.module('starterApp', ['angular-carousel']);
app.controller('tempCtrl', ['$scope', function($scope) {

}])

HTML:

<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="angular-carousel.css">
  </head>

  <body ng-app="starterApp">
    <div ng-controller="tempCtrl">
      <ul rn-carousel>
        <li>Map</li>
        <li>Cloud</li>
      </ul>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-touch.min.js"></script>
    <script src="angular-carousel.js"></script>
    <script src="script.js"></script>
  </body>

</html>

您可以正常工作,但也许CSS正在隐藏li元素上的文本。 您可以将rn-carousel-controls添加到ul元素,然后会看到两个箭头,可让您在幻灯片之间移动。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM