Ng點擊限制在離子幻燈片內

Question

我正在使用離子框架。

我有多個幻燈片框由ng-repeat生成。對於每個幻燈片框，我希望在點擊離子幻燈片中的按鈕時在下面顯示一個部分。下面的代碼解釋了我想要做什麼以及做什麼和不做什麼。任何幫助將不勝感激！

<ion-slide-box show-pager="false"> 

    <ion-slide> 
     TEST111111111111 
    </ion-slide> 

    <ion-slide> 
     TEST222222222222 
    </ion-slide> 

    <ion-slide> 
     TEST333333333333 

     <button class="button button-dark" ng-click="test = !test"> 
     Test 
     </button> 

     Works > True or False? > {{test}} 
    </ion-slide> 

</ion-slide-box> 

Does not work > True or False? > {{test}} 

Answer 1

您需要使用帶有.（點）的變量。見Understanding Scopes in AngularJs

<ion-slide-box show-pager="false"> 

    <ion-slide> 
     TEST111111111111 
    </ion-slide> 

    <ion-slide> 
     TEST222222222222 
    </ion-slide> 

    <ion-slide> 
     TEST333333333333 

     <button class="button button-dark" ng-click="someObject.test = !someObject.test"> 
     Test 
     </button> 

     Works > True or False? > {{someObject.test}} 
    </ion-slide> 

</ion-slide-box> 

Does not work > True or False? > {{someObject.test}} 

，並確保在您的控制器也初始化someObject

$scope.someObject = { 
    test: false 
};