Question

我下拉列表中的数字从1填充到10

这里是html

<div class="form-group">
                        <label>{{l("RoomNumber")}}</label>
                        <p-dropdown [disabled] = "!roomNumbers.length"  [options]="roomNumbers" autoWidth="false"  [style]="{'width':'100%'}" name="numberRoom" [autoWidth]="true" [(ngModel)]="room.roomNumber"></p-dropdown>
                </div>

这是我的填充方式

getRoomNumber(): void {
    for (let i = 1; i <= 10; i++) {
        this.roomNumbers.push({label: i.toString(), value: i});
    }
}

将其保存到数据库时，我得到了示例2。

但是在编辑中，我需要使用这些数字填充一个下拉列表，然后选择此下拉列表中保存在数据库中的数字。

我该怎么做？

Answer 1

我想您正在使用primeng。

要选择房间号，您必须更改ngModel的值。在您的情况下，将类似于this.room.roomNumber = id;，其中id是您想要的数字。

您在此处有一个实时代码示例：

https://stackblitz.com/edit/angular-primeng-stack-55644995-dropdown?file=src%2Fapp%2Fapp.component.ts

根据模型（角度）在下拉列表中获取正确的值

1 个答案: