удалить пустую опцию из ng-select - PullRequest
Новая
       10

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

0 голосов
/ 17 мая 2018

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

1 Ответ

0 голосов
/ 29 мая 2018

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

<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>
...