[英]Set value of selected in dropdown in Angular 2
我正在使用FormBuilder向数据库添加值。
this.formUser = this._form.group({
"firstName": new FormControl('', [Validators.required]),
"lastName": new FormControl('', [Validators.required]),
"externalCompany": new FormControl('', [Validators.required])
})
在添加这些值之前,我想将下拉列表(外部公司)的值设置为我预先提交的值
<select class="form-control" id="companyExternal" formControlName="externalCompany" (ngModelChange)=onChangeExternalC($event)>
<option value="" >Select existing company...</option>
<option value="{{company}}" *ngFor="let company of externalCompanies">{{company}}</option>
<option value="Company name..." >ADD ANOTHER...</option>
</select>
我试过了
this._commServe.addExternalCompany(company).subscribe((data) => {
this.formUser.value.externalCompany = company.CompanyName;
}, (error) => {
this.errorMessage = <any>error;
})
我也尝试使用ngModel,但也无法按预期工作。
最好的方法是在不借助jQuery的情况下设置此下拉菜单的选定状态
您可以在模型中具有选定值的选项上设置selected
属性。
[attr.selected]="selectedExternalCompany"
使用该html模板:
<select class="form-control" id="companyExternal" formControlName="externalCompany" (ngModelChange)=onChangeExternalC($event)>
<option value="" >Select existing company...</option>
<option value="{{company}}"
*ngFor="let company of externalCompanies"
[attr.selected]="selectedExternalCompany"
>{{company}}</option>
<option value="Company name..." >ADD ANOTHER...</option>
</select>
并在选择框更改时在组件中设置selectedExternalCompany
,并将其用作模型。
这基于答案如何在Angular 2中添加条件属性?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.