首页 > 解决方案 > 如何在角度 ng-select 模型中显示默认占位符?

问题描述

所以当我的表单组被加载时,我的下拉菜单看起来像这样

在此处输入图像描述

我的 ng 选择代码是

 <ng-select 
     placeholder="select By Device"
     appendTo="ng-select"
     [clearable]="true"
     [searchable]="true"  
     formControlName="byDevice">
            <ng-option [value]="1">Desktop</ng-option>
            <ng-option [value]="2">Laptop</ng-option>
            <ng-option [value]="3">Tablet</ng-option>
            <ng-option [value]="4">Mobile</ng-option>  
     </ng-select>

我想要 clearable 选项 true 因为它的过滤器

当我点击关闭图标(可清除图标)时,我看到这样的占位符

在此处输入图像描述

基本上它在加载而不是空选项时应该看起来像这样

那我该怎么做

请帮忙 !!

标签: angular8dropdownangular-ngselect

解决方案


好的,所以我解决了您只需为表单控件名称分配空值的问题

  this.myForm = new FormGroup({
    'byDevice':new FormControl(null)
  });

像这样

谢谢 !!


推荐阅读