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

最聪明的VEGA

我有一个下拉菜单,默认情况下在页面加载时,它在下拉列表中选择“请选择 USECASE”

在此处输入图片说明

但我希望在页面加载时选择“EUC 代理”而不是“请选择 USECASE”

在此处输入图片说明

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 我更改为 *

[已选择]="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>

图像相同 在此处输入图片说明

我在下拉列表中选择了“test Bot”,这是下拉列表中的最后一项,如下所示:

在此处输入图片说明

但我期待这一点:其中 uc.BOTId =1 是“EUC Proxy”而不是“test Bot”

在此处输入图片说明

TS文件

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

  }
}

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

伯特·毛劳

从您的选项中删除 [selected]。

'select' 中的 [(ngModel)] 部分会将值设置为 selected (取决于 'scheduleModel.UsecaseId' 的值。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章