代码之家 › 专栏 › 技术社区 › Vincent Nguyen

Angular Ng,用于选择显示默认对象值的选项

html-select angular javascript

-1

Vincent Nguyen · 技术社区 · 6 年前

假设我有一个statusOptions=[“Approved”、“Waiting”、“Rejected”之一的对象

在标记中,我们有:

<div *ngFor="let myObject of objects">
    <select (change)="updateStatus($event.target.value)">
       <option selected>{{myObject.status}}</option>
       <option *ngFor="let status of statusOptions">{{status}}</option>
    </select>
<div>

如何将对象的当前状态显示为默认的选定值?从现在起,它将复制并显示下拉列表 ['Approved', 'Waiting', 'Rejected', 'Approved'] 如果对象的当前状态为 'Approved'

我不需要双向绑定,因为我只需要获取更改时的值并更新数据库。

1 回复 | 直到 6 年前

-1

Vincent Nguyen 6 年前

通过在选项中设置[属性选择],解决了此问题。

<div *ngFor="let myObject of objects">
<select (change)="updateStatus($event.target.value)">
   <option *ngFor="let status of statusOptions" [attr.selected]="transaction.status === status ? true : null">{{status}}</option>
</select>

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前