gpt4 book ai didi

angular6 - 如何使用FormControl在Angular 6中将值设置为Form

转载 作者:行者123 更新时间:2023-12-01 08:46:37 25 4
gpt4 key购买 nike

<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>字段的值设置为 在组件中动态选择

我看了看文档 https://angular.io/api/forms/FormControlName#use-with-ngmodel,但仍然没有可以帮助我的示例。

试图:
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

关于angular6 - 如何使用FormControl在Angular 6中将值设置为Form,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51992178/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com