javascript - Jssor slider 不适用于 AngularJS

Question

我有一个 Jssor slider ，它在 jQuery 版本中运行良好。但是当我将代码和 JS 文件放入我的 AngularJS 应用程序中时，它不起作用。我在控制台中收到以下错误:

Uncaught TypeError: Cannot read property 'currentStyle' of undefined

在 AngularJS 中是否有使用 Jssor slider 的特定方法？

var app = angular.module('slider', []);

app.controller('sliderCtrl', function($scope){
  this.slides = [
    {heading: 'movies', number: 115, panel: 'panel-green'},
    {heading: 'viewed', number: 252 , panel: 'panel-primary'},
    {heading: 'streams', number: 354 , panel: 'panel-yellow'},
    {heading: 'length', number: 471 , panel: 'panel-green'},
    {heading: 'Spent', number: 589, panel: 'panel-red'},
    {heading: 'viewed two', number: 789 ,panel: 'panel-yellow'},
    {heading: 'streams two', number: 412 , panel: 'panel-green'},
    {heading: 'length two', number: 456, panel: 'panel-red'}    
  ];
  $scope.data = this;
});

<div id="wrapper">
    <div class="row" id="page-wrapper" ng-controller="sliderCtrl">
        <div id="slider1_container">
            <div u="slides" class="slides" class="col-lg-2 col-custom-lg-2 col-md-4">
                <div ng-repeat="div in data.slides" class="panel {{div.panel}}">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-3">                               
                            </div>
                            <div class="col-xs-12 text-right">
                                <div class="huge">{{div.number}}</div>
                                <div >{{div.heading}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
            <span u="arrowleft" class="jssora03l arrowleft"></span>            
            <span u="arrowright" class="jssora03r arrowright"></span>        
        </div>
    </div>

我刚刚尝试了上面的代码，它在我的主 HTML 布局中工作。但是，当我将其放入模板中时，它不起作用并且遇到相同的错误。

Answer 1

尝试使用ng-class 。或者有问题使用 jssor 初始化。最好为 jssor slider 创建指令。 Here已经是 jssor slider 的 AngularJS 指令。使用它!