2016-03-07 1 views
0

У меня есть окно слайда, который я хочу, чтобы она появилась, когда я нажимаю на кнопке, поэтому я прикрепить ng-show к ion-slide-box для этой цели следующим образом:ионной слайд коробка не появляется, когда нг-шоу верно

<ion-slide-box ng-show="show" does-continue="true"> 

      <ion-slide> 
      <div class="list card item-card"> 

       <div class="item"> 
       <h2>Item_Name</h2> 
       <p class="size"><i class="icon ion-tshirt"></i> 36-45</p> 
       </div> 

       <div class="item item-body text-center"> 
       <img class="item-image" ng-src="img/3.png"> 
       </div> 

       <div class="item"> 

       <span class="price">25<i class="icon ion-social-usd"></i></span> 
       </div> 

      </div> 
      </ion-slide> 

      <ion-slide> 
      <div class="list card item-card"> 

       <div class="item"> 
       <h2>Item_Name</h2> 
       <p class="size"><i class="icon ion-tshirt"></i> 36-40</p> 
       </div> 

       <div class="item item-body text-center"> 
       <img class="item-image" ng-src="img/3.png"> 
       </div> 
        <div class="item "> 
            <span class="price">30<i class="icon ion-social-usd"></i></span> 
       </div> 
       </div> 
      </ion-slide> 

     </ion-slide-box> 

кнопка код выглядит следующим образом:

<button class="button" on-touch="showslidebox()">click</button> 

функция showslidebox() является следующим:

$scope.show = false; //default: false 
    $scope.showslidebox= function() { 
    $scope.show = true; 
} 

Когда я нажимаю кнопку, элемент html окна слайдов появляется в разделе «Элементы» в Google Inspector, но он не отображается на экране, который подключен, я почти все пытался, но все еще не работает. (в консоли тоже не регистрируется ошибка). любая идея, в чем проблема?

ответ

0

Похоже, у вас есть некоторые CSS назначены class="animated fadeInRight item-remove-animate"

item-remove-animate Может быть, что-то делает неправильно.

+0

нет, так как даже если я удалю этот класс css, проблема останется прежней. – WhiteOne

1

Ну, я, наконец, решить эту проблему путем редактирования коды, как показано ниже:

$scope.show = false; 
    $scope.click = function() { 
    console.log('click'); 
    $scope.show = !($scope.show); 
    $ionicSlideBoxDelegate.update(); 
    } 

Надеется, что это поможет кому-то еще.

Смежные вопросы