Question

我是angularjs的新手，并且在编辑个人资料页面上的复选框值上遇到了一些问题。

我有一个复选框数组

$scope.checkBoxes = [
        {id:'1', value:'Reading'},
        {id:'2', value:'Cooking'},
        {id:'3', value:'Dancing'},
        {id:'4', value:'Singing'}
];

我使用ng-repeat显示复选框

<div ng-repeat="checkBox in checkBoxes" style="display:inline;">
    <input type="checkbox" ng-model="checkBox.selected" id={{checkBox.id}}' ng-checked="checkItem(checkBox.id)" ng-change="listActionsHandler(checkBoxes)">{{ checkBox.value }}
</div>

这是我的ng-change功能：

$scope.listActionsHandler = function(list) {
        var has = [];
        angular.forEach(list, function(item) {
            if ( angular.isDefined(item.selected) && item.selected === true ) {
                has.push(item.id);
            }
        });
        formData['hobby'] = has;
 }

这是我的ng-checked函数，用于显示根据数据库保存值检查的复选框。

var arr_checked_items = data.data.hobby;
var arraySize = arr_checked_items.length;
$scope.checkItem = function (id) {
    var checked = false;
    for(var i=0; i<= arraySize; i++) {
        if(id == arr_checked_items[i]) {
                checked = true;
        }
    }
    return checked;
};

这些功能在添加和编辑页面时可以正常使用，但问题是当我没有对复选框应用任何更改并单击提交按钮时，它会占空白值。

我的问题是：如果我没有应用任何更改，则应该使用复选框的旧值，如果我应用任何更改，则应取新的复选框值。

Answer 1

请尝试使用以下代码。我不确定它是否有效。

$scope.checkItem = function (id) {
    var checked = "";
    for(var i=0; i<= arraySize; i++) {
        if(id == arr_checked_items[i]) {
                checked = "checked";
        }
    }
    return checked;
};

编辑个人资料页面上的Angularjs复选框值

1 个答案: