удалить пустую опцию из ng-select

Как я могу избежать пустого значения в 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>

angular-ngselect angular5
person Guy E    schedule 17.05.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Мне удалось сделать это, используя свойство заполнителя, установив для него соответствующее значение модели:

<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>
person Guy E    schedule 29.05.2018