如何为角度选择设置默认值？

Question

问题：

在我的角度应用程序中，我正在使用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

但是似乎没有任何作用。有人可以帮我解决这个问题吗？谢谢

Answer 1

由于您使用的是反应式表单（因为我看到其中有formControlName="userid"），因此可以在创建“ userid”控件时设置默认值，如下所示：

myForm = this.fb.group({
  userid: ['default_value']
})

如果您改用FormControl构造函数，则第一个参数是默认值：

userid = new FormControl('default_value');

看看Reactive forms here的文档。