Angularjs 根据选中/取消选中复选框更改数组

我想更改

列：[……]

依赖于复选框

如果我选中复选框，那么它应该给我

列：['model.name'，'model.department']

当我取消选中时，应该将其更改为

列：['model.name']

-已删除

model.department

angular.module（'plunker'，[]）
.controller（'MainCtrl'，函数（$scope）{
$scope.options={
列：['model.name'，'model.department']，
};
});

安古拉斯普朗克
文件。写（“”）；

部门

根据复选框是否选中，向控制器中的作用域添加一个函数，以添加或删除项目：

$scope.addRemoveItem = function (checked, value) {
  if (checked) {
    $scope.options.columns.push(value);
  }
  else {
    var index = $scope.options.columns.indexOf(value);
    $scope.options.columns.splice(index);
  }
};

然后，当复选框更改时，使用ng change调用此函数：

<label><input type="checkbox" ng-model="departmentChecked" ng-change="addRemoveItem(departmentChecked, 'model.department')">Department</label>

部门

根据复选框是否选中，向控制器中的作用域添加一个函数，以添加或删除项目：

$scope.addRemoveItem = function (checked, value) {
  if (checked) {
    $scope.options.columns.push(value);
  }
  else {
    var index = $scope.options.columns.indexOf(value);
    $scope.options.columns.splice(index);
  }
};

然后，当复选框更改时，使用ng change调用此函数：

<label><input type="checkbox" ng-model="departmentChecked" ng-change="addRemoveItem(departmentChecked, 'model.department')">Department</label>

部门

根据复选框是否选中，向控制器中的作用域添加一个函数，以添加或删除项目：

$scope.addRemoveItem = function (checked, value) {
  if (checked) {
    $scope.options.columns.push(value);
  }
  else {
    var index = $scope.options.columns.indexOf(value);
    $scope.options.columns.splice(index);
  }
};

然后，当复选框更改时，使用ng change调用此函数：

<label><input type="checkbox" ng-model="departmentChecked" ng-change="addRemoveItem(departmentChecked, 'model.department')">Department</label>

部门

根据复选框是否选中，向控制器中的作用域添加一个函数，以添加或删除项目：

$scope.addRemoveItem = function (checked, value) {
  if (checked) {
    $scope.options.columns.push(value);
  }
  else {
    var index = $scope.options.columns.indexOf(value);
    $scope.options.columns.splice(index);
  }
};

然后，当复选框更改时，使用ng change调用此函数：

<label><input type="checkbox" ng-model="departmentChecked" ng-change="addRemoveItem(departmentChecked, 'model.department')">Department</label>

部门