如何在Angular中获得动态创建的复选框选中的值？

在Angular中获得动态创建的复选框选中的值，可以通过以下步骤实现：

1. 在组件的HTML模板中，使用*ngFor指令动态创建复选框，并绑定到一个数组的属性上。例如，假设有一个名为checkboxOptions的数组，可以使用以下代码创建复选框：

<div *ngFor="let option of checkboxOptions">
  <input type="checkbox" [value]="option" (change)="onCheckboxChange($event)">
  {{ option }}
</div>

1. 在组件的Typescript文件中，定义一个用于存储选中值的数组属性。例如，可以创建一个名为selectedOptions的数组：

selectedOptions: any[] = [];

1. 在组件的Typescript文件中，实现一个事件处理函数onCheckboxChange，用于监听复选框的变化，并更新selectedOptions数组。例如：

onCheckboxChange(event: any) {
  const checkboxValue = event.target.value;
  if (event.target.checked) {
    this.selectedOptions.push(checkboxValue);
  } else {
    const index = this.selectedOptions.indexOf(checkboxValue);
    if (index > -1) {
      this.selectedOptions.splice(index, 1);
    }
  }
}

1. 现在，selectedOptions数组中将包含所有选中的复选框的值。可以在需要的地方使用该数组。

这种方法适用于动态创建的复选框，无论是通过循环生成还是通过其他方式生成。它允许您在Angular中轻松获取选中的复选框值。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云开发（Serverless）：https://cloud.tencent.com/product/tcb
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云服务器 CVM：https://cloud.tencent.com/product/cvm
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
• 云存储 COS：https://cloud.tencent.com/product/cos
• 区块链服务（TBaaS）：https://cloud.tencent.com/product/tbaas
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe