Question

引用this，我应该有所作为：

<div ng-show="openGroup == group.id" ng-repeat="member in group.members">
    <ion-item class="item item-accordion item-toggle">
        <h3>{{ member.firstName }} {{ member.lastName }}</h3>
        <label ng-show="member.lead">Lead</label>
        <label class="toggle toggle-positive">
            <input ng-click="toggleClicked(member.id, $event.target.value)" type="checkbox">
            <div class="track">
                <div class="handle"></div>
            </div>
        </label>
    </ion-item>
</div>

调用toggleClicked时，我输出$event.target.value的值。无论是否选中复选框都无关紧要，输出的值始终为on。我想如果取消选中该复选框，该值将返回为off？

我试图为此创建一个plunkr，但即使代码正确，它也不想工作。

Answer 1

复选框和ngClick存在问题。 This handy SO answer指出使用ngChange代替工作，但您需要将其与模型相关联。

在index.html中：

<input ng-change="toggleClicked(member.id, member.checked)" type="checkbox" ng-model="member.checked" />

Working plunkr

$ event.target.value未按预期返回

1 个答案: