Angular 什么';以编程方式禁用ngx select ex选择器的正确方法是什么?

Angular 什么';以编程方式禁用ngx select ex选择器的正确方法是什么?,angular,Angular,尝试禁用ngx select ex选择器时出现以下错误: 看起来您正在将disabled属性与被动表单指令一起使用”。我理解错误消息的意思,但是否仍然可以使用变量以编程方式禁用控件,如: <ngx-select id="ngxControl" [formControl]="ngxControl" [allowClear]="true" [items]="items"

尝试禁用ngx select ex选择器时出现以下错误: 看起来您正在将disabled属性与被动表单指令一起使用”。我理解错误消息的意思,但是否仍然可以使用变量以编程方式禁用控件,如:

<ngx-select id="ngxControl" [formControl]="ngxControl"
                [allowClear]="true"                    
                [items]="items"
                [disabled]="disabledTypeSelectors"
                placeholder="No city selected">
</ngx-select>


enableDisable() {
  this.disabledTypeSelectors = !this.disabledTypeSelectors;
}

enableDisable(){
this.disabledTypeSelectors=!this.disabledTypeSelectors;
}
这里有一个例子:
https://stackblitz.com/edit/angular-s4bkg5
html位于:app/hero-detail/hero-detail.component.html(滚动到代码底部查看)。

尝试使用和方法


修改的示例:

禁用使用表单控制器


例如:
.controls['ngxControl'].disable()

您必须调用
ngxControl.disable()
ngxControl.enable()
。这不是ngx的问题。您使用的是Angular的被动形式,它不支持disabled属性。