angular5 - 从 ng-select 中删除空选项

Question

如何避免 ng-select 中的空值。我的意图是，每当我将组件中的布尔属性设置为 true 时——validFiltersData 中只有一条记录——然后我希望下拉菜单被选中并禁用，因此用户无法选择空选项。

<ng-container *ngFor="let validFilter of validFiltersData; let i = index">
  <div *ngIf="validFilter.Values && validFilter.Values.length > 0" 
       class="filter col-md-4 reportFilter">
    <ng-select [items]="validFilter.Values"  bindLabel="Text" 
                [(ngModel)]="validFilter.selectedValue" 
                 [ngClass]="{'input-md': true,  'ng-invalid': 
                                                  !validFilter.IsValid }">
    </ng-select>
  </div>
</ng-container>

Answer 1

我设法通过使用占位符属性来做到这一点 - 将其设置为模型的相关值：

<ng-container *ngFor="let validFilter of validFiltersData; let i = index">
  <div *ngIf="validFilter.Values && validFilter.Values.length > 0" 
   class="filter col-md-4 reportFilter">
       <ng-select [items]="validFilter.Values"  bindLabel="Text"
            placeholder = {{validFilter.DefaultSelectedFilterText}} 
             [(ngModel)]="validFilter.selectedValue" 
             [ngClass]="{'input-md': true,  'ng-invalid': 
             !validFilter.IsValid }">
       </ng-select>
    </div>
</ng-container>