下拉菜单中的默认选定值不起作用

Question

我有一个下拉菜单，默认情况下会在页面加载时在下拉菜单中选择“请选择使用情况”

但是我希望在页面加载时选择“ EUC代理”，而不是“请选择使用情况”

HTML显示在下方

<div class="form-group">
                            <label for="bot">Use Case</label>
                            <select id="select" formControlName="useCase" class="form-control" class="form-control" [(ngModel)]="scheduleModel.UsecaseId">
                                <option value="-1" [selected]="isSelected"> Please Select Use Case </option>
                                <option *ngFor="let uc of useCaseList"  [value]="uc.BOTId"> {{uc.BOTName}}
                                </option>
                            </select>
                        </div>
                    </div>

* HTML我已更改为*

  

[selected] =“ 1”

但这没什么区别。请参阅下面的HTML更改

 <div class="form-group">
                                <label for="bot">Use Case</label>
                                <select id="select" formControlName="useCase" class="form-control" class="form-control" [(ngModel)]="scheduleModel.UsecaseId">
                                                                            <option *ngFor="let uc of useCaseList" [selected]="1" [value]="uc.BOTId"> {{uc.BOTName}}
                                    </option>
                                </select>
                            </div>
                        </div>

图像相同

我在下拉菜单中选择了“测试机器人”，这是下拉菜单中的最后一项，如下所示：

但是我期望这样：uc.BOTId = 1是“ EUC代理”而不是“测试机器人”

TS文件

 ngOnInit() {
  getUsecaseList() {
      this.manageBotService.getAllBots().subscribe(res => this.useCaseList = res);

  }
}

为什么我无法选择页面加载时uc.BOTId = 1的“ EUC代理”？

Answer 1

从选项中删除[选定的]。

“ select”中的[[ngModel）]部分会将值设置为“ selected”（取决于“ scheduleModel.UsecaseId”具有的值。

Answer 2

我没有看到您使用默认设置的指令：

value='default' 

例如：

<select name='test'>
<option value='default' selected='selected'>Please select the value</option>
<option value='value1'>value1</option>
<option value='value2'>value2</option>
</select>

Answer 3

在加载scheduleModel.UsecaseId = 1上的下拉菜单后设置ng-init()。