AngularJS:Swiper.js不显示背景图像

我正在尝试将swiper.js集成到我的angularJs web应用程序中，以显示背景图像。库正在工作，但图像未正确显示。请查看这个plunker，它的工作方式与我的应用程序完全相同

以下是最相关的部分：

<!-- Slider main container -->
    <div class="swiper-container" swiper>
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            <!--<div class="swiper-slide">Slide 1</div>-->
            <!--<div class="swiper-slide">Slide 2</div>-->
            <!--<div class="swiper-slide">Slide 3</div>-->

            <div class="swiper-slide" ng-repeat="boatPhoto in boatPhotos" is-loaded>                    
                    <div style="margin:auto; background-image: url('//s3-eu-west-1.amazonaws.com/yanpy.dev/img/boats/13620/l/{{boatPhoto.name}}.{{boatPhoto.mime}}')">
                    </div>
              </div>                
        </div>
        <!-- If we need pagination -->
        <div class="swiper-pagination"></div>

        <!-- If we need navigation buttons -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- If we need scrollbar -->
        <div class="swiper-scrollbar"></div>
    </div>

---

您需要设置div的宽度和高度

<div style="margin:auto;width:100%;height:100%; background-image: url('//s3-eu-west-1.amazonaws.com/yanpy.dev/img/boats/13620/l/{{boatPhoto.name}}.{{boatPhoto.mime}}')">
     Hola
</div>

赫拉