Jssor滑块不适用于AngularJS

Question

我有一个Jssor滑块，运行良好的jQuery版本。但是当我把代码和JS文件放到我的AngularJS应用程序中时，它不起作用。我的控制台出现以下错误：

Uncaught TypeError: Cannot read property 'currentStyle' of undefined

在AngularJS中使用Jssor滑块有什么具体的方法吗？

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滑块创建指令。 Here已经是jssor滑块的AngularJS指令。用它！