如何在 angular2 中使用 ng-select 设置默认值？

Question

我有这样的 HTML 代码。

      <div class="col-md-10">
          <ng-select [items]="tests" (data)="updateSelected($event, 'test')">

          </ng-select>
       </div>

我的打字稿代码如下

@Input() tests: Option[] = []; I have tests coming as input from previous component

     @ViewChildren(SelectComponent)
     private selectComponents: QueryList<SelectComponent>;
    
    ngAfterViewInit() {
            this.selectComponents;
        }

我如何在 selectComponents 中将某个值设置为默认值，或者是否有其他方法可以使用 ng-select 将某个值设置为默认值。

Answer 1

您必须为变量定义一个组件类型对象，或者您可以获取列表的第一个元素并将其设置为默认变量。

    @ViewChildren(SelectComponent) private selectComponents: QueryList<SelectComponent>;
defualtComponent: any; ngAfterViewInit() { this.defaultComponent = this.selectComponents.get(0); }

如果您想要将第一个元素作为默认元素，这将选择第一个元素。