gpt4 book ai didi

javascript - 在 Angular 7 的下拉列表中选择第一个元素

转载 作者:行者123 更新时间:2023-11-30 13:47:18 26 4
gpt4 key购买 nike

我正在获取下拉列表的内容作为 Map<number, string> .当我拿到 map 时,收到的 map 是根据键升序排序的。在 html 中显示时,我设置了管道键值并提供了一个函数来按值的升序对项目进行排序。
现在,我正在尝试选择此下拉列表的第一个元素,但无法这样做。
我试过 jQuery 方法来选择第一个元素。
我试图将选择框的 ngModel 设置为 map 的第一个值,但它将该值设置为在按键排序的 map 中收到的第一个值。

My HTML:
<select class="form-control" id="empId" [(ngModel)]="empId" [disabled]="!isEditable">
<option *ngFor="let emp of empNames | keyvalue:descOrder" [value]="emp.key">{{ emp.value }}</option>
</select>


 My ts file:

this.commonService.getEmployeeList())
.subscribe((response) => {
this.empNames = response;
this.empId = this.empNames.keys().next().value;
});


data I am sending from server is:
{id:1,name: "Tim"},
{id:6,name: "Martha"},
{id:5,name: "Alex"},
{id:8,name: "Stacy"}


data I am receiving on screen is like:
Alex
Martha
Stacy
Tim

with Tim pre-selected

我需要的是应该预先选择 Alex。

最佳答案

然后在订阅前设置empId。

 this.empId = 5;

this.commonService.getEmployeeList())
.subscribe((response) => {
this.empNames = response;
});

当然,您可能需要基于某种顺序的另一种逻辑。您永远无法确定将如何接收数据。

在这种情况下,您需要从您的 api 发送订单并按订单进行过滤。

关于javascript - 在 Angular 7 的下拉列表中选择第一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59046005/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com