Question

我试图在页面初始化时禁用PrimeNg下拉列表，如下所示

    this.searchForm = this.formBuilder.group({
       dropdown: [{value: '', disabled: true}]   
    });

但是这会给浏览器加载带来错误，如下所示：

this.valueAccessor.setDisabledState is not a function

我在HTML中使用PrimeNG下拉如下：

       <p-dropdown  [options]="[{label: 'Any', value: ''},{label: 'Active', value: 'active'},{label: 'Inactive', value: 'inactive'}]" id="dropdown" formControlName="dropdown" name="dropdown">
      </p-dropdown>

不确定PrimeNg是否不支持角度更改或我做错了什么。任何帮助表示赞赏。感谢。

Answer 1

HTML：

 <div class="ui-g-2 labelDiv">
      <p-dropdown [disabled]="disabled" [options]="themesList" formControlName="theme" (onChange)="onThemeSelect()"></p-dropdown>
 </div>

组件：

disabled: Boolean;
this.themeForm = this.fb.group({
   theme: [{ value: theme, disabled: true}, [], ]
});

这在我的应用程序中运行良好.... RC6 primeNg beta15 ...

Answer 2

这将在PrimeNG beta 16中得到支持。

Angular 2 RC6 PrimeNG p-dropdown未从组件中禁用

2 个答案: