Question

我使用 ng-select 作为下拉列表（多选）。 ng-select 有原生问题，所以当所有项目在下拉菜单初始化时自动选择，它会自动滚动到最后一个项目。

在 init 上没有预选任何项目时它正在工作，但我需要在 init 上预选所有项目。

是否有机会避免这种行为？

Answer 1

这种方法可行吗？

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（完整）添加到您的问题中。或者指向可以找到它们的地方的链接。

保重，祝你好运。

ng-select - 打开下拉菜单时，默认情况下会向下滚动

1 个答案: