离子2实施猫头鹰2

Question

嗨，我是Ionic2的新手，我正在尝试从https://owlcarousel2.github.io/owlcarousel2/添加猫头鹰2到我的离子2应用程序。我已经将所需的CSS/JS包括在该应用程序中，并成功加载了（没有控制台错误），但是旋转木马没有显示，只是一个空白的白页，没有任何错误。我在普通的HTML页面上尝试过同一旋转木马，而且工作正常。这是我的代码： -

<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>

如果旋转木制与离子2不兼容？

Answer 1

我认为<script>标签不像您一样在离子2视图中使用。（此外，猫头鹰旋转木马是在JavaScript中制成的，但Ionic 2具有打字稿。）

说到替代方案，您可以从Ionic 2文档中查看此内容。（这可能不是完美的选择，但可以使用）