当我点击一段文本时，将焦点设置在输入字段上

Question

当我点击同一页面上的一段文本时，我正试图将焦点设置为输入字段。我能做这件事的下一个办法是什么？我已经有了一个附加到text元素的方法。这是我的密码。

HTML

<form-input
appOskInput
(inputChanged)="onInputChanged($event,'accountNumber')"
(blurChanged)="onBlurChanged($event)"
[formStatus]="formStatus"
[parentFormGroup]="setupForm"
[data]="{
formControlName: 'accountNumber',
name: 'accountNumber',
label: Accounnt 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() {

}

Answer 1

您可以通过传递FormInputComponent类，在使用者组件内部使用ViewChid来获取form-input输入元素。

一旦掌握了form-input元素，就可以轻松地查询和关注form-input控件内的input元素。

@ViewChild(FormInputComponent, { read: ElementRef }) formInput: ElementRef;
isKeyboardActive() {
const input = this.formInput.nativeElement.querySelector('input');
input.focus();
}

堆叠闪电