Question

我使用以下代码显示我的复选框列表：

 <ion-checkbox ng-repeat="item in listPref"
   ng-model="item.checked" ng-checked="item.checked">
   {{ item.text }}
 </ion-checkbox>

这是我的listPref：

 $scope.listPref = [
    {text: 'Cinema'},
    {text: 'Sport'},
    {text: 'It'} ,
    {text: 'Music'},
    {text: 'Theater'},
    {text: 'Conference'}];

我尝试使用此代码获取所有选定项目的文本

 for(var i =0 ; i <$scope.listPref.length ; i++){
console.log($scope.listPref[i].checked.text); 
 }

我在控制台中收到了undefined Cannot read property 'text' of undefined at Scope.$scope.pref消息。有人可以帮帮我吗。

Answer 1

HTML：

<ion-content>
   <ion-checkbox ng-repeat="item in listPref"
       ng-model="checkItems[item.text]" ng-change="print()">
       {{ item.text }}
   </ion-checkbox>
   <button type="button" name="button" ng-click="save()">Save</button>
</ion-content>

JS（内部控制器）：

$scope.listPref = [
    {text: 'Cinema'},
    {text: 'Sport'},
    {text: 'It'} ,
    {text: 'Music'},
    {text: 'Theater'},
    {text: 'Conference'}
];

$scope.checkItems = { }

$scope.print = function() {
    console.log($scope.checkItems);
}

$scope.save = function() {
    var array = [];
    for(i in $scope.checkItems) {
        console.log($scope.checkItems[i]);
        if($scope.checkItems[i] == true) {
            array.push(i);
        }
    }
    console.log(array);
}

您可以使用值执行任何操作。 print()只打印当前选中或取消选中的所有值的对象（true / false）。 save()将已选中复选框的值存储在数组中，然后打印该数组。您可以使用值执行任何操作，此示例将它们存储在数组中并打印到控制台，以便可以轻松查看正在发生的事情。

如果您有任何问题，请发表评论。

如何获得离子复选框的价值

1 个答案: