问题:
在我的角度应用程序中,我正在使用HTML select。我想将默认值设为我的选择。这是我的代码。
<div class="form-group" >
<label>Receiver :</label>
<div class="input-group input-group-alternative mb-3">
<select class="custom-select" id="agent" formControlName="userid" *ngIf="!type" >
<option value="0" [selected]="0">Select Reciver</option>
<option *ngFor="let agent of agents" [ngValue]="agent.agentId">{{agent.firstName}} {{agent.lastName}}-
{{agent.area}}</option>
</select>
<select class="custom-select" id="agent" formControlName="userid" *ngIf="type" [value]='0' >
<option value="0">Select Reciver</option>
<option *ngFor="let farmer of farmers" [ngValue]="farmer.farmerId">{{farmer.firstName}} {{farmer.lastName}}</option>
</select>
</div>
</div>
在这个特定问题上,我尝试了几乎所有答案。
Select default option value from typescript angular 6
但是似乎没有任何作用。有人可以帮我解决这个问题吗?谢谢
答案 0 :(得分:1)
由于您使用的是反应式表单(因为我看到其中有formControlName="userid"
),因此可以在创建“ userid”控件时设置默认值,如下所示:
myForm = this.fb.group({
userid: ['default_value']
})
如果您改用FormControl构造函数,则第一个参数是默认值:
userid = new FormControl('default_value');
看看Reactive forms here的文档。