Angular将数据从离子复选框传递到控制器

Angular pass data from ion-checkbox to controller

本文关键字：控制器 复选框 数据 Angular      更新时间：2023-09-26

我正在使用ionic框架来构建一个web应用程序。所以我添加了一些属性，现在我想添加功能。你可以看到我的代码:

<div class="list card" ng-repeat="x in table">
    <div class="item item-divider">Something</div>
        <div class="item item-body">
            <p>{{x.item1}} - {{x.item2}}</p>
            <ion-checkbox>Add</ion-checkbox>
        </div>
    <div class="item item-divider">footer</div>
</div>

我想选中一些复选框，将x.item1的值发送给控制器或通常发送给一个函数以进行扩展处理。

提前感谢，

约翰

您可以在离子复选框中更改ng，并从中调用一个控制器函数，参数为x.t item1。像这样:

HTML: 

<ion-checkbox ng-model="itemChecked" ng-change="callMe(x.item1)">Add</ion-checkbox>

控制器:

$scope.callMe = function(item) {
     //do your stuff
}

请注意，我没有写完整的控制器语法。如果需要，请发表评论

请查看angular文档。这篇文章会让你开始。还有一个数据绑定的好例子…

相关文章：