Angular2 *ngFor 在选择列表中，根据对象中的字符串设置事件

Question

我正在尝试在我选择的 DropDownList 上使用 ngFor。已经加载了应该在下拉列表中的选项。

您在这里看到的代码:

<div class="column small-12 large-2">
    <label class="sbw_light">Title:</label><br />
    <select [(ngModel)]="passenger.Title">
       <option *ngFor="#title of titleArray" [value]="title.Value">{{title.Text}}</option>
    </select>
</div>

基于此代码，它会生成一个如下图所示的下拉菜单。

问题是我想根据 passenger.Title 将其中一个“Mr or Mrs”设置为事件的，这是一个字符串“Mr”或“Mrs”。

任何人都可以帮助看看我在这里做错了什么？

Answer 1

这应该可行

<option *ngFor="let title of titleArray" 
    [value]="title.Value" 
    [attr.selected]="passenger.Title==title.Text ? true : null">
  {{title.Text}}
</option>

我不确定 attr. 部分是否必要。