使用ElementRef禁用元素

Question

我已经使用ElementRef禁用了一个元素。

//我的viewchild声明

   @ViewChild("txtSysId") txtSysId: ElementRef<HTMLElement, any>;

//我的构造函数注入

  constructor(private _data: GetTransactionService, private formBuilder: FormBuilder, private transDtls: GetTransactionDtlsService, private dateform: FormatDateService, private render: Renderer2, private apiService: ApiService, private login: LoginService, private elementRef: ElementRef<HTMLElement, any>, private changeDetect: ChangeDetectorRef) { }

//禁用代码

this.txtSysId.nativeElement.disabled = false;

I m using visual studio, it gives error on IDE itself as "Property disabled does not exist on HTMLElement", I m使用angular6，当尝试从具有断点的控制台执行此操作时也可以将其禁用。我是Angular pls帮助的新手

Answer 1

您似乎正在使用反应形式，因此请充分利用它。

DataFrame

如果您不想使用它，请发布this.myForm.get('myControl').disable(); this.myForm.get('myControl').enable(); 所引用的HTML代码。

Answer 2

使用

this.myForm.get('systemId').disable();

按需禁用该控件。