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

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 是否不支持这种 Angular 变化，或者我做错了什么。任何帮助表示赞赏。谢谢。

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