使用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;

Im using visual studio, it gives error on IDE itself as "Property disabled does not exist on HTMLElement", Im using angular6，当尝试使用断点从控制台执行此操作时，也可以使用disabled。我是angular新手，请帮助

Answer 1

使用

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

按需禁用该控制器。

Answer 2

你似乎在使用一种反应式的形式，所以要充分利用它。

this.myForm.get('myControl').disable();
this.myForm.get('myControl').enable();

如果您不想使用它，请发布txtSysId引用的HTML代码。