从ts开始选择（angular，ng-select）

Question

我在页面上有几个ng-selection，我试图从ts打开一个。

我可以使用以下内容专注于正确的ng-select：

@ViewChildren(NgSelectComponent) ngselect: QueryList<NgSelectComponent>;
this.ngselect.last.filterInput.nativeElement.focus()

但是，我无法打开。我试过以下

this.ngselect.last.filterInput.nativeElement.open() 

但得到错误：

_this.ngselect.last.filterInput.nativeElement.open is not a function

.open（）是一种方法，但我怎么能让这个工作？ https://github.com/ng-select/ng-select#methods

Answer 1

你试过这样的事吗？

<ng-select #Selecter ></ng-select>

@ViewChild('Selecter') ngselect: NgSelectComponent;

ngAfterViewInit() {
  this.ngselect.open();
}

工作实例Links To stackblitz

Answer 2

有一种更容易实现你想要的方法。如果你查看文档（在这里找到：https://github.com/ng-select/ng-select#api），你会发现你可以将isOpen传递给ng-select。传递给右isOpen的ng-select值的变化会自动打开并关闭它。

例：

<ng-select
  [isOpen]="isOpen"
  [items]="items"
>
</ng-select>

在组件类中，您只需更改isOpen即可打开和关闭选择。