Nativescript Angular 可以在文本更改事件发生之前拦截它吗？

Question

我有 TextField 使用 Angular nativescript。

<TextField   (textChange)="onTextChange($event)" ></TextField>

我只想允许将“a”字符插入到该 TextField 中。
应该阻止所有其他字符（“b”、“c”、....） - 意思是 - 阻止插入。

我已经知道我可以使用 (textChange) 事件然后删除字符 - 但这是一个为时已晚的事件。

问题：

假设我有一个文本字段，我如何跨平台防止某些字符被输入？

Answer 1

对于 Android，您可以通过显式设置 setKeyListener 的允许实例来实现 android.widget.Edittext（这是 NativeScript 中 TextField 后面的原生 Android 控件）

例子

export function onTfLoaded(args) {
    let tf = <TextField>args.object;

    let nativeTF;

    if (isAndroid) {
        let nativeTF = <android.widget.EditText>tf.nativeView; // on Android is android.widget.EditText
        nativeTF.setKeyListener(android.text.method.DigitsKeyListener.getInstance("zxc"));
    } else {
        let nativeTF = <UITextField>tf.nativeView;// for iOS is UITextField
    }

}

上面是只允许用户输入ZXC（同as setting digits），但是，解决方案仍然会提示数字键盘。