Swiper + Ionic TypeError: Cannot read property 'nodeType' of null

Question

如果我在两个不同的页面中向我的 Ionic 应用程序添加多个 swiper-container，就会出现此错误。

$rootScope.swiper = new Swiper('.swiper-container', {
   direction: 'horizontal',
   loop: true,
   effect: 'fade',
   autoplay: 4000
});

Answer 1

解决这个问题的方法是在每个 swiper-container div 处放置一个 id 并找到具有每个 div id 的元素，而不是 class .swiper-容器。 这样两个元素就不会混淆了。

    $scope.$on('$ionicView.afterEnter', function () {
      console.log("Loading Swiper");
      $rootScope.swiper = new Swiper(angular.element(document.querySelector("#homeSwiper")), {
        // Optional parameters
        direction: 'horizontal',
        loop: true,
        effect: 'fade',
        autoplay: 4000
      });

    });

    $scope.$on('$ionicView.beforeLeave', function () {
      console.log("Destory");
      $rootScope.swiper.destroy();
    });