在编辑过程中预选择实现角度选择

Question

我的angular 8 html模板中有一个物化选择，就像下面的一个一样。

<form class="col s12" [formGroup]="addDeviceForm" (ngSubmit)="addDevie()">
<div class="input-field col s6">
            <select id="modal-charge-controller" formControlName="chargeControllerModel">
              <option value="" disabled selected>Charge Controller Model</option>
              <option #chargeControllerRef [value]="model" *ngFor="let model of chargeControllerModels">
                {{ model }}
              </option>
            </select>           
          </div>
</form>

因此，单击按钮后，我需要获取一些数据并从该选择标签中预选择一个选项。

   this.editDeviceForm = this.formBuilder.group({
          chargeControllerModel: [device.chargeControllerModel, Validators.required],
        });
const elem = document.querySelector(element);
    M.FormSelect.init(elem);

选择初始化没有问题，但是有一个例外。

仅当我尝试在select标记中选择任何其他选项时，formbuilder初始化之后才需要选择的选项才起作用。也就是说，如果我单击选择标签以查看所有其他选项，则将选择初始化的选项，但不会执行该触摸操作。

我不知道我在这里做错了什么，如果有人需要其他任何信息，我很乐意提供帮助。

预先感谢