将对象设置为formControlName (下拉列表)
将对象设置为formControlName (下拉列表)
提问于 2019-02-21 16:57:05
我试图实现一个编辑操作的角度7的反应形式。我必须选择一个默认值从选择下拉基于db调用时，启动模式打开。一旦自动分配，另一个下拉列表也应该根据db调用自动填充。
我的问题是，我必须在ngValue中设置一个对象。当模型打开时，下面的代码没有分配。
但如果我把
[value]='depToBranch.company.id'和this.signupForm.get('company').patchValue(this.setEditUser.company.id);的工作(这里的只使用 'id' ，而不是对象)。
两者的唯一区别是，值总是字符串，在ngValue中可以传递对象。
当使用对象打开模型时，如何分配默认值？提前谢谢。
html
<form [formGroup]="signupForm" (ngSubmit)="onSubmit()">
<select formControlName="company" (ngModelChange)="onSelectedCompnay($event)">
<option *ngFor="let depToBranch of depToBranchs" [ngValue]="depToBranch.company">{{depToBranch.company.name}}</option>
</select>
<select formControlName="branch" (ngModelChange)="onSelectBranch($event)">
<option *ngFor="let filterBranch of filterBranchs" [ngValue]="filterBranch.branch">{{filterBranch.branch.name}}</option>
</select>
// few other fields
</form>.ts
@Input() setEditUser: User;
@Input() edit: boolean;
signupForm: FormGroup;
ngOnInit() {
this.signupForm = this.formBuilder.group(
{
company: [""],
branch: [""]
//// few other fields
})
}
ngAfterViewInit(){
if(this.edit){
this.signupForm.get('company').patchValue(this.setEditUser.company);
this.signupForm.get('branch').patchValue(this.setEditUser.branch);
}
}回答 2
Stack Overflow用户
发布于 2019-02-21 17:12:50
如果你想要侵入一个对象，需要确保是同一个对象。
items=[{company:1,branch:"..",...},{company:2,branch:"..",...}]
signupForm.controls.company.setValue(items.find(x=>x.company==1))
<select FormControlName="company">
<option *ngFor="let item of items" [ngValue]="item">
</select>
{{singupForm.controls.company.value|json}}但是，请不要使用(ngModelChange)，如果需要，只需在创建表单后订阅更改即可
Stack Overflow用户
发布于 2019-02-21 17:07:02
我是新来的有角的。但我觉得你不能这么做。窗体控件的值仅接受数字或字符串等主值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54812401
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号