从ng-select中删除空选项

时间:2018-05-17 11:30:19

标签: angular5 angular-ngselect

如何避免ng-select中的空值。 我的意图是每当我在组件中设置一个boolean属性设置为true时 - validFiltersData中只有一个记录 - 然后我希望在其上选择下拉并禁用,因此用户无法选择空选项。 / p>

<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 :(得分:0)

我设法通过使用占位符属性 - 将其设置为模型的相关值:

if(!empty($product_det))
    {
       foreach($product_det as $p_det){
        if($rate=="" || $rate==0)
        {
            $rate=$p_det['sale_rate'];
        }
        $amount=$rate*$quantity;
        $cgst_per=$p_det['CGST'];
        $sgst_per=$p_det['SGST'];
        $igst=0;
     }
 }