如何解决ng-select - 打开下拉菜单时,默认情况下会向下滚动
我使用 ng-select 作为下拉列表(多选)。 ng-select 有原生问题,所以当所有项目在下拉菜单初始化时自动选择,它会自动滚动到最后一个项目。
在 init 上没有预选任何项目时它正在工作,但我需要在 init 上预选所有项目。
是否有机会避免这种行为?
解决方法
这种方法可行吗?
import { FormBuilder,FormGroup,Validators } from '@angular/forms';
@Component({
selector: 'myForm',templateUrl: './myForm.component.html',styleUrls: ['./myForm.component.scss']
})
export class AlarmComponent implements OnInit {
myForm: FormGroup;
dropdownitems: [];
constructor(private formBuilder: FormBuilder) {}
ngOnInit(): void {this.initializeForm();}
initializeForm() {this.myForm = this.formBuilder.group({myDropdown: [''] });
html 文件
<div class="card text-center>
<form [formGroup]=" myForm" (ngSubmit)="onSubmit()" class="col-xl-12">
<ng-select [items]= dropdownitems" formControlName="alarm" > </ng-select>
<!-- bindValue="" bindLabel="" (change)="onChanged($event)"are optional -->
<button class="btn btn-primary" type="submit">submit</button>
</form>
</div>
如果这不符合您的需求,请将 html- 和 ts-template(完整)添加到您的问题中。或者指向可以找到它们的地方的链接。
保重,祝你好运。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。