【问题标题】:how to show default placeholder in angular ng-select model?如何在角度 ng-select 模型中显示默认占位符?
【发布时间】:2021-01-06 19:35:36
【问题描述】:

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

我的选择代码是

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

我希望可清除选项为真,因为它的过滤器

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

基本上它在加载而不是空选项时应该是这样的

那我该怎么做

请帮忙!!

【问题讨论】:

    标签: angular8 dropdown angular-ngselect


    【解决方案1】:

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

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

    喜欢这个

    谢谢!!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-02-18
      • 2018-02-12
      • 2022-12-04
      • 1970-01-01
      • 2019-01-03
      • 1970-01-01
      • 2019-08-23
      • 1970-01-01
      相关资源
      最近更新 更多