Angular2 * ngFor在选择列表中,根据来自对象的字符串设置活动

发布时间：2020-12-17 08:02:48 所属栏目：安全来源：网络整理

导读：我正在尝试在我选择的DropDownList上使用ngFor.已加载应该在下拉列表中的选项. 你在这里看到的代码： div class="column small-12 large-2" label class="sbw_light"Title:/labelbr / select [(ngModel)]="passenger.Title" option *ngFor="#title of titleA

我正在尝试在我选择的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>

根据此代码,它会生成一个类似于此图像的下拉列表.

问题是,我想将其中一个“先生或夫人”设置为基于乘客的活动的.标题是“先生”或“太太”的字符串.

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

这应该工作

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

我不确定attr.部分是必要的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!