2017-02-16 3 views
0

こんにちは私はionic2が新しく、私は から私のイオン2アプリにフクロウカルーセル2を追加しようとしています。私はアプリに必要なCSS/jsを含めて、それは正常に(コンソールエラーなし)読み込んだが、カルーセルは表示されません、何もエラーのない空白の白いページ。 通常のhtmlページで同じカルーセルを試してみましたが、正常に動作しています。ここ は私のコードです: -ionic 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と互換性がありませんカルーセルが使用するすべての選択肢がある場合は?

+0

[イオンスライド](https://ionicframework.com/docs/v2/api/components/slides/Slides/) –

+0

私はそれらを試してみました、私はレイアウトと制御の両方のためのカルーセルのように私は扱いにくいです。 –

+0

[angular2の実装](https://www.npmjs.com/package/ng2-owl-carousel)をチェックしてください –

答えて

0

<script>タグは、イオン2のビューで使用できるとは思いませんでした。 (また、Owl CarouselはJavaScriptで作成されていますが、イオン2にはタイプ文字があります)

代わりに、thisをionic 2のドキュメントからチェックすることができます。 (これは完璧な選択肢ではありませんが、使用することができます)