I want to set the focus to an input field when I click on a specific piece of text within the same page. What is the most efficient way to achieve this? I already have a function attached to the text element. Below is the code snippet that I am working with.
HTML
<form-input
appOskInput
(inputChanged)="onInputChanged($event,'accountNumber')"
(blurChanged)="onBlurChanged($event)"
[formStatus]="formStatus"
[parentFormGroup]="setupForm"
[data]="{
formControlName: 'accountNumber',
name: 'accountNumber',
label: Account Number
}">
</form-input>
<a (click)="isKeyboardActive()" class="use-kepypad"><img class="mouse-icon" src="assets/images/ford/mouse-computer.png"> <img class="mouse-icon" src="assets/images/ford/mouse-computer-hover.png">{{ 'preLogon.common.label.useKeypad'|translate }}</a>
TS
ngOnInit() {
this.setupForm = new FormGroup({accountNumber: new FormControl('', { validators: [Validators.required, CommonValidators.isValidNumber], updateOn: 'blur' })
}
isKeyboardActive() {
}