ng-select 的默认值

Question

我试图将 ng-select 包装成一个可重用的组件。一切正常，除了 ng-select 不显示默认值。此处可重现的示例：Stackblitz

如何让 ng-select 显示 default/initial 值？

谢谢

Answer 1

在 select-input.component.html 中你犯了 2 个错误。

<ng-select #combo [ngClass]="
      controlDir && controlDir.control && controlDir.control.touched
        ? !controlDir.control.valid
          ? 'invalid-select'
          : 'valid-select'
        : null
    " placeholder="Select Type" [multiple]="multiple" [items]="items" bindLabel="{{ bindLabel }}"
    bindValue="{{ bindValue }}" [clearable]="clearable" (change)="onSelectionChange($event)" (focus)="onTouched()"
    ([ngModel])="(selectedValue)">
</ng-select>

首先：[(ngModel)]他们称之为“盒子里的香蕉”，所以它总是在括号内，而不是反过来。

其二：双引号内的词不能用大括号括起来。

 [(ngModel)]="selectedValue"

现在应该可以工作了。

ng-select 的默认值

Default value of ng-select

angular-ngselect

angular