在Angular 7中,可以通过以下步骤将选中/未选中复选框的值捕获/控制到对象数组中:
items
的数组。items: any[] = [
{ name: 'Item 1', checked: false },
{ name: 'Item 2', checked: false },
{ name: 'Item 3', checked: false }
];
ngFor
指令遍历items
数组,并为每个复选框绑定[(ngModel)]
指令和checked
属性。<div *ngFor="let item of items">
<input type="checkbox" [(ngModel)]="item.checked" [checked]="item.checked">
{{ item.name }}
</div>
items
数组来获取选中的复选框值。getSelectedItems() {
const selectedItems = this.items.filter(item => item.checked);
console.log(selectedItems);
}
以上代码将打印出选中的复选框值。
这种方法可以用于捕获和控制选中/未选中复选框的值,并将其存储到对象数组中。根据具体需求,可以进一步处理选中的值,例如发送到服务器或执行其他操作。
在腾讯云相关产品中,可以使用腾讯云的云开发服务(https://cloud.tencent.com/product/tcb)来构建和托管基于Angular 7的应用程序。云开发提供了全栈能力,包括云函数、数据库、存储、托管等,可以帮助开发者快速搭建和部署应用。
就可以添加复选框的功能了。 所以将复选框搞出来以后,就开始将获取到选择的数据值了。 |
---|