angular - 将复杂对象绑定到 Angular 6 反应表单复选框
问题描述
我正在使用 Angular 6,我正在使用 Reactive Forms。我有一个使用 applicationVersion 和 applicationBuild 的复合键的数据源。
[{
"applicaitionVersion":"1",
"applicationBuild":"2",
"label": "Build 1.2"
},
{
"applicaitionVersion":"1",
"applicationBuild":"3",
"label": "Build 1.3"
}]
我的表单使用上面的数据生成一个带有 formControls 的 formArray,并使用以下 HTML 输出它。
<div class="col-sm-6.col-md-4" *ngFor="let build of builds">
<label>
<input type="checkbox" [value]='build' [formControl]="formGroup.get(build.customKey)">
{{ build.label}}
</label>
</div>
当我选中复选框时。我希望 formGroup.value 具有复选框的 [value] 而不仅仅是 formArray 告诉我该特定复选框是真还是假。
这可能吗?如果是这样,我将如何在不听 onchange 和映射值的情况下执行此操作?
解决方案
推荐阅读
- html - 网页抓取西里尔字母 - rvest 的编码问题
- spring - 我的业务逻辑应该在 Spring Batch 中的什么位置?
- python - 如何访问 python 字典中的特定项目?
- asp.net-core - 让 DesignTimeDbContextFactory 在不执行 Startup 的情况下运行迁移
- google-cloud-platform - Unable to attach a reserve static internal IP to a vm
- azure - How to bulk create and update Azure Key Vault secrets using scripts?
- ms-access - SQL Query in MS Access even if ID is not present
- flutter - Flutter Material Icons (for web) 在发布模式下不起作用
- python - Color a Specific character in python3
- windows - Setting up Matomo using NGINX web server on Windows