Javascript 如何以反应形式绑定,即angular中的formcontrolname和ngmodel
代码如下: list.component.html 如何解决这个问题 错误类型错误:无法分配给对象“[object]”的只读属性“id” 选择已通过或失败的时,出现一个错误,即无法分配给对象“[object object]”的只读属性“id”将Javascript 如何以反应形式绑定,即angular中的formcontrolname和ngmodel,javascript,angular,typescript,Javascript,Angular,Typescript,代码如下: list.component.html 如何解决这个问题 错误类型错误:无法分配给对象“[object]”的只读属性“id” 选择已通过或失败的时,出现一个错误,即无法分配给对象“[object object]”的只读属性“id”将(更改)更改为(ngModelChange)事件 文件: 为什么同时使用formControlName和ngModel?这没有意义。@Plochie应该只有一个?我会更新code@Plochie现在正确吗?我试图在这里实现的是,如果它为真,它将在控制台
(更改)
更改为(ngModelChange)
事件
文件:
为什么同时使用
formControlName
和ngModel
?这没有意义。@Plochie应该只有一个?我会更新code@Plochie现在正确吗?我试图在这里实现的是,如果它为真,它将在控制台中显示为真,如果为假,它将在控制台中显示为假。您可以从html发布完整的表单吗?
<form nz-form [formGroup]="taskFormGroup" (submit)="saveFormData()">
<div nz-row *ngFor="let remark of checklis>
<div nz-col nzXXl="12" *ngFor="let task of remark.tasks" style="padding: .5rem;">
<nz-form-item>
<nz-form-control>
<nz-radio-group formControlName="status" name="status" (change)="onChangeStatus($event)">
<label nz-radio nzValue="true">Passed</label>
<label nz-radio nzValue="false">Failed</label>
</nz-radio-group>
</nz-form-control>
</nz-form-item>
</div>
</div>
</form>
checklist = [
{
"id": "txv3vvBr8KYB",
"assetType": {
"id": "1fKBO4w0XHg7H",
"code": "PRD",
"name": "Printing1"
},
"tasks": [
{
"id": "1fKBO4w0XHg7H",
"name": "Task 1",
"description": "Check oil spill"
},
{
"id": "ESOSA6aCrOER",
"name": "Sample1",
"description": "Desc1"
}
]
},
{
"id": "EwQciw9whx6B",
"tasks": [
{
"id": "1nU7uASqfvLPD",
"name": "TASK8888",
"description": "DESC8888"
},
{
"id": "EwQciw9whx6B",
"name": "TASK9999",
"description": "DESC9999"
}
]
}
];
constructor (private fb: FormBuilder) {}
createTaskFormGroup() {
const DATA = this.asset;
return this.fb.group({
remark: DATA || '',
status: ['', [Validators.required]]
});
}
onChangeStatus(ev: any) {
console.log(ev);
}