gpt4 book ai didi

javascript - Angular 2设置默认滚动查看

转载 作者:行者123 更新时间:2023-12-01 01:28:21 25 4
gpt4 key购买 nike

在 Angular 2 mat-select 中,我有 50 个项目(只是整数 1 到 50)。它的当前绑定(bind)值为 5。5 在未打开状态下正确显示。如果我打开选择/下拉列表来更改该值,我希望下拉列表滚动到第 26 项并突出显示它,以便用户需要做的就是单击。这是因为任何时候他们都会更改该值,99% 的时间都是 26。任何有关如何操作的指示都表示赞赏。

最佳答案

您可以通过执行以下操作来实现此目的。

mat-select上设置模板引用

<mat-select #matSelect placeholder="List of numbers">

mat-form-field 上使用点击事件并传递 matSelect 作为参数

<mat-form-field (click)="focusItem(matSelect)">

将焦点设置到所需的选项索引

focusItem(el){
el.options['_results'][25].focus()
}

堆栈 Blitz

https://stackblitz.com/edit/angular-tuh17s?embed=1&file=app/select-overview-example.html

关于javascript - Angular 2设置默认滚动查看,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53542932/

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