Angular 4 - 使用 FormControlName 访问 Typescript 中的 HTML 元素

Question

我想使用 FormcontrolName 访问 typescript 中的 HTML 元素。

我可以使用元素的 ID 访问 html 元素

例如:

var element = document.getElementById("txtID")

但是我们可以使用 FormControl 访问该元素(不使用 ID)

Answer 1

使用HTML5的QuerySelector。

如果你的html输入标签是这样的:

<input type="text" id="txtID" formControlName="txtID" />
var element = document.querySelector("input[formControlName='txtID']");