Ion Slides funktioniert nicht

Question

Ich entwickle eine App mit angularjs und Javascript. In meiner App enthält eine Seite zwei Registerkarten: "aboutme" und "portfolio". Beide enthalten Ionen-Objektträger. Die Folie funktioniert nur im Tab "aboutme", nicht im "Portfolio". Hier ist mein Code:

<div class="tab-inner-disc"> 
         <div class="block"> 
          <div class="br-menu-main"> 
           <div class="br-block {{clickOn}}"> 
            <ul> 
             <li> 
              <button ng-class="{'conn1': clickOn == 'conn1'}" class="disc_tab" ng-click="showCon('conn1')">About me  </button> 
             </li> 

             <li> 
              <button ng-class="{'conn2': clickOn == 'conn2'}" class="disc_tab " ng-click="showCon('conn2')"> Portfolio </button> 
             </li> 

            </ul> 

           </div> 
          </div> 


          <div ng-show="clickOn=='conn1'"> 
            <ion-slides options="options" slider="data.slider"> 
              <ion-slide-page> 
                <img src="img/add/2.png"> 
               </ion-slide-page> 
               <ion-slide-page> 
                <img src="img/add/3.png"> 
               </ion-slide-page> 
               <ion-slide-page> 
                <img src="img/add/6.png"> 
               </ion-slide-page> 
              </ion-slides> 
          </div> 

          <div ng-show="clickOn=='conn2'"> 
           <ion-slides options="options" slider="data.slider"> 
             <ion-slide-page> 
              <img src="img/add/2.png"> 
             </ion-slide-page> 
             <ion-slide-page> 
              <img src="img/add/3.png"> 
             </ion-slide-page> 
             <ion-slide-page> 
              <img src="img/add/6.png"> 
             </ion-slide-page> 
           </ion-slides> 

          </div> 
         </div> 
      </div> 


*my controller* 


    $scope.showCon = function(con) { 
     $scope.clickOn = con; 
    } 

    $scope.showCon('conn1'); 

    $scope.options = { 
     loop: false, 
     effect: 'slide', 
     speed: 500, 
     pagination:false, 
    } 

Answer 1

mein Controller

$scope.showCon = function(con) { 
     $scope.clickOn = con; 
    } 

    $scope.clickOn = conn1; //add this code will be work 
    // $scope.showCon('conn1'); 

    $scope.options = { 
     loop: false, 
     effect: 'slide', 
     speed: 500, 
     pagination:false, 
    }