Предварительно заполненный выбор в Angular 6 из данных API

Question

Я заполнил раскрывающийся список в Angular 6 из данных, возвращенных из распознавателя.Я подписываюсь на this.route.data и сохраняю данные 'teamMembers' в массиве.

Затем я перебираю массив в моем шаблоне с помощью:

        <div class="form-group" [ngClass]="{'highlighted' : messageForm.controls.MessageTo.disabled === false}" required>
      <label>To</label>
      <select class="form-control" formControlName="MessageTo" required>
        <option [ngValue]="member" *ngFor="let member of teamMembers">{{ member.User.EmailID }}</option>
      </select>
    </div>

Я предварительно заполняю выбор с помощьюданные возвращаются из API с помощью:

this.messageForm = this.fb.group({
    MessageTo: [{value: this.thisMessage.ToUser.EmailID, disabled: false}]
  });

Я вижу данные в выпадающем списке выбора в браузере, НО ТОЛЬКО после того, как я нажму на кнопку выбора.Если я не нажимаю на выбор, то он просто показывает пустым, как будто ничего не находится в выборе ???

Я хочу, чтобы он отображал предварительно заполненныйАдрес электронной почты установлен в файле component.ts.

Любая помощь с благодарностью.

Answer 1

Ах, отсортировано.Я добавил новое свойство «originator», которое было равно значению моей команды teamMemberGuid по умолчанию, и связал его значение с помощью [(ngModel)] = «originator» в моем выборе.Работает угощение