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
};

Ng-click限制在离子载玻片内

1 个答案: