<div class="form-group" [formGroup]="gGroup">
<label for="grouplabel">Group</label>
<select formControlName="groupControl" [(ngModel)]="groupobj" (ngModelChange)="onSelectGroup($event)" id="group" class="form-control">
<option>Select</option>
<option *ngFor="let group of groups" [selected]="current_group === group.name">{{group.name}}</option>
</select>
</div>
我怎样才能设置的值<select>
字段到Select动态地在组件中?
我查看了文档,https://angular.io/api/forms/FormControlName#use-with-ngmodel https://angular.io/api/forms/FormControlName#use-with-ngmodel但仍然没有可以帮助我的例子。
Attempt:
this.gGroup.get('groupControl').setValue('Select');
我想出了一个方法来做到这一点:
<form #f="ngForm">
<select name="option" ngModel>
<option value="" disabled>Choose an option</option>
<option *ngFor="let option of options" [ngValue]="option">
{{ option.title }}
</option>
</select>
</form>
this.f.controls.state.setValue(this.options[0]);
检查我做的这个例子:
https://stackblitz.com/edit/angular-xpeth8 https://stackblitz.com/edit/angular-xpeth8
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)