从API数据在Angular 6中预先填充的选择

Question

我从解析器返回的数据填充Angular 6中的select下拉列表。我正在订阅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”绑定了该值。做饭