Android上的Angular:“下一步”按钮没能聚焦CustomControlValueAccesor。
创始人
2024-10-10 03:00:27
0

在Android上,当使用Angular构建应用程序时,存在一个问题,即“下一步”按钮无法聚焦到Custom ControlValueAccesor。要解决这个问题,需要将控件手动聚焦。以下是解决该问题的示例代码:

(1)创建一个控件的示例,例如textarea

import { Component, forwardRef } from '@angular/core'; import { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';

const CUSTOM_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MyInputComponent), multi: true, };

@Component({ selector: 'app-my-input', template: , providers: [CUSTOM_VALUE_ACCESSOR], }) export class MyInputComponent implements ControlValueAccessor { public onChange: (_: any) => void = noop; public onTouched: () => void = noop;

writeValue(value: any): void { const normalizedValue = value === null ? '' : value; this.myInput.nativeElement.value = normalizedValue; }

registerOnChange(fn: (_: any) => void): void { this.onChange = fn; }

registerOnTouched(fn: () => void): void { this.onTouched = fn; }

setDisabledState(isDisabled: boolean): void { this.myInput.nativeElement.disabled = isDisabled; } }

(2)使用以下代码强制聚焦:

import { Component, forwardRef } from '@angular/core'; import { MyInputComponent } from './my-input.component';

@Component({ selector: 'app-root', template: , }) export class AppComponent { public myValue: string; constructor(private readonly myInput: MyInputComponent) {}

public onClick(): void { this.myInput.writeValue(this.myValue); this.myInput.myInput.nativeElement.focus(); } }

通过在按钮上添加click事件,并在click事件处理程序中使用手动焦点强制聚焦,在Android上解决Angular中Custom ControlValueAccesor的下一步按钮聚焦问题。

相关内容

热门资讯

二分钟了解!雀神2024小程序... 二分钟了解!雀神2024小程序辅助器,乐乐围棋入门有没有挂,新2025教程(有挂透明);1)乐乐围棋...
四分钟了解!途游斗地主可以用挂... 四分钟了解!途游斗地主可以用挂吗,微信多乐跑胡子小程序怎么开挂,2025版教程(有挂方法)1、点击下...
9分钟了解!369山东麻将插件... 9分钟了解!369山东麻将插件,福建十三水万能辅助器,线上教程(有挂插件);1、9分钟了解!369山...
两分钟了解!天天仙桃麻将有挂,... 您好,369山东麻将怎样赢这款游戏可以开挂的,确实是有挂的,需要了解加微【757446909】很多玩...
4分钟了解!jj斗地主系统控牌... 4分钟了解!jj斗地主系统控牌吗,中至上饶小程序有挂吗,透明挂教程(有挂详情)1、每一步都需要思考,...
五分钟了解!杭州都莱双扣辅助器... 五分钟了解!杭州都莱双扣辅助器是真是假,阳光岛牌乐汇怎么赢,可靠教程(有挂攻略);1、每一步都需要思...
九分钟了解!凡乐湖北麻将改牌器... 九分钟了解!凡乐湖北麻将改牌器,潮汕暗宝可以作假吗,细节方法(有挂总结)1、潮汕暗宝可以作假吗ai辅...
两分钟了解!中至小程序辅助器真... 两分钟了解!中至小程序辅助器真的,花花生活圈脚本,我来教教你(有挂普及)1、下载好中至小程序辅助器真...
2分钟了解!老胡麻将挂,赣牌圈... 2分钟了解!老胡麻将挂,赣牌圈小程序的隐藏机制,攻略方法(有挂插件);1、用户打开应用后不用登录就可...
2分钟了解!太浪白城麻将有挂吗... 2分钟了解!太浪白城麻将有挂吗,丽水都莱辅助工具,可靠教程(有挂实操)亲,关键说明,太浪白城麻将有挂...