Ng-click 限制在离子滑道内答案

【问题标题】：Ng-click restrained within ion-slideNg-click 限制在离子滑道内
【发布时间】：2014-05-15 21:08:24
【问题描述】：

我正在使用离子框架。

我有多个由 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}}

【问题讨论】：

您能告诉我们更多细节吗？您的控制器中有任何代码吗？ test 似乎只是在子范围中填充的范围问题（ng repeat 每次都会创建一个子范围），但如果您不向我们提供更多信息，则很难判断

标签： angularjs ionic-framework

【解决方案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
};

【讨论】：