我有一个下拉菜单,默认情况下在页面加载时,它在下拉列表中选择“请选择 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] 删除。
我来说两句