离子2实施猫头鹰旋转木马2

嗨，我是新的ionic2，我试图从https://owlcarousel2.github.io/OwlCarousel2/ 添加到我的离子2应用程序的猫头鹰旋转木马2。我已经包含了所需的CSS/JS到应用程序，它成功加载（无控制台错误），但旋转木马不显示，只是一个空白的白页，没有任何错误。我已经在普通的html页面尝试过相同的传送带，它工作正常。这里是我的代码： -离子2实施猫头鹰旋转木马2

<link rel="stylesheet" href="assets/css/owl.carousel.min.css"> 
 
<link rel="stylesheet" href="assets/css/owl.theme.min.css"> 
 

 
<ion-content padding class="category"> 
 
    <div class="row"> 
 
     <div class="large-12 columns"> 
 
      <div class="owl-carousel owl-theme"> 
 
       <div class="item active"> 
 
        <h4>1</h4> 
 
       </div> 
 
       <div class="item"> 
 
        <h4>2</h4> 
 
       </div> 
 
       <div class="item"> 
 
        <h4>3</h4> 
 
       </div> 
 
       <div class="item"> 
 
        <h4>4</h4> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</ion-content> 
 
<script src="assets/js/owl.carousel.min.js"></script> 
 
<script>$(document).ready(function() {$(".owl-carousel").owlCarousel();});</script>

如果传送带与ionic2不兼容是有任何替代使用？

来源

2017-02-16 Mohammed Elzein

您可以使用[ion-slides]（https://ionicframework.com/docs/v2/api/components/slides/Slides/） – 2017-02-16 16:06:19

我已经尝试过他们，他们很难处理我喜欢旋转木马布局和控制更多。 –

也许检查[angular2实施]（https://www.npmjs.com/package/ng2-owl-carousel） – 2017-02-16 19:53:03