可以'我不能让旋转木马工作

Can't get angular-carousel to work

本文关键字：旋转木马 工作 不能 可以      更新时间：2023-09-26

我正在使用角度旋转木马来创建一个简单的旋转木马。然而，我无法让它发挥作用。这是我的plunker。我使用的是1.3.15版本。

没有错误，但我只是得到一个空白屏幕，就像在plunker中一样。

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元素中，并将看到两个箭头，用于在幻灯片之间移动。

相关文章：