如何在angular 7中将选中/未选中复选框值捕获/控制到对象数组中

在Angular 7中，可以通过以下步骤将选中/未选中复选框的值捕获/控制到对象数组中：

1. 创建一个对象数组，用于存储复选框的值和状态。例如，可以创建一个名为items的数组。

items: any[] = [
  { name: 'Item 1', checked: false },
  { name: 'Item 2', checked: false },
  { name: 'Item 3', checked: false }
];

1. 在HTML模板中，使用ngFor指令遍历items数组，并为每个复选框绑定[(ngModel)]指令和checked属性。

<div *ngFor="let item of items">
  <input type="checkbox" [(ngModel)]="item.checked" [checked]="item.checked">
  {{ item.name }}
</div>

1. 在组件中，可以通过遍历items数组来获取选中的复选框值。

getSelectedItems() {
  const selectedItems = this.items.filter(item => item.checked);
  console.log(selectedItems);
}

以上代码将打印出选中的复选框值。

这种方法可以用于捕获和控制选中/未选中复选框的值，并将其存储到对象数组中。根据具体需求，可以进一步处理选中的值，例如发送到服务器或执行其他操作。

在腾讯云相关产品中，可以使用腾讯云的云开发服务（https://cloud.tencent.com/product/tcb）来构建和托管基于Angular 7的应用程序。云开发提供了全栈能力，包括云函数、数据库、存储、托管等，可以帮助开发者快速搭建和部署应用。