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

前端之家收集整理的这篇文章主要介绍了Angular2 * ngFor在选择列表中,根据来自对象的字符串设置活动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在我选择的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.部分是必要的.

猜你在找的Angularjs相关文章