我有一个可编辑的下拉列表,我需要从模板中自动填充其默认值。默认值是从以“dev”为值的“this.Model.Application.environment”中获取的。下面的代码给了我一个可编辑的下拉列表,但我需要从模板中预先选择值。[(ngModel)]="this.Model.Application.environment" 在页面上显示默认值(“dev”),但不显示其他下拉值(“qa/prod)及其不可编辑。所以我从标签中删除了 ngModel。请帮助我如何破解它。要求是 1.editable 下拉列表,2.预选值,3.在下拉列表中显示其他值。(现在 1 和 3 正在工作)
<div class="select-editable">
<input list="envVal" id="environment" name="environment" #select class="form-control" placeholder="Select Base Image Version" size="medium" style="width:326px; padding-top:5px;max-width: 100%;" (change)='updatebaseimageversion($event)' />
<datalist id="envVal" [(ngModel)]="this.fmGeneratorModel.Application.environment">
<ng-container *ngFor="let env of environmentList">
<option [ngValue]="env" [selected]="env === 'dev'" >{{env}}</option>
</ng-container>
</datalist>
</div>