Angular 4 - Access HTML elements in Typescript using FormControlName

Question

I want to access HTML elements in typescript using FormcontrolName.

I can able to access html element using ID of elements

For example :

var element = document.getElementById("txtID")

But can we access the element using FormControl (without use of ID)

Answer 1

Use QuerySelector of HTML5.

If your html input tag is like this:

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