離子幻燈片不工作

Question

我正在開發一個應用程序使用angularjs和JavaScript。在我的應用程序中，一個頁面包含2個選項卡：名爲'aboutme'和'portfolio'。兩者都含有離子載玻片。幻燈片只在'aboutme'選項卡中工作，而不是'portfolio'中。這裏是我的代碼：

<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

我控制器

$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, 
    }