NgFor с NgValue не показывает первый объект из списка в раскрывающемся списке параметров выбора при загрузке страницы

Question

У меня есть раскрывающийся список параметров выбора, который содержит список объектов. Я использую ngValue, чтобы установить значение раскрывающегося списка в качестве объекта. Однако при загрузке страницы раскрывающийся список не отображает первый объект из списка и показываетобъекты, только когда я щелкаю и открываю его.

Я пытался сначала использовать свойство [selected], чтобы отобразить предварительно выбранную опцию, я также пытался использовать функцию сравнения, но, похоже, она не работает.

<select class="form-control" #selectedValue 
name="selectedValue" id="selectedValue"
 [(ngModel)]="selectedValue[i]" 
(ngModelChange)=onChange($event)>
<option *ngFor="let item of items" [ngValue]="item">
{{item.text}}</option>
</select>

Желание иметь первый вариант в раскрывающемся списке, предварительно выбранном при инициализации компонента, без необходимости нажимать на раскрывающийся список

Answer 1

ваш ngMoodel имеет значение «selectedValue [i]». Так что, если вам необходимо предварительно выбрать значение перед открытием, вам нужно привязать значение к selectedValue [i].

Попробуйте ниже, что болеекраткий и использует меньше переменных для достижения того же:

HTML:

<select class="form-control" [(ngModel)]="selectedValue">
 <option *ngFor="let item of items" [ngValue]={{item.Id}}>
     {{item.text}}
 </option>
</select>

В файле ts объявите selectedValue со значением по умолчанию