javascript - Angular 从 ngModel 获取输入的字符并在输入中替换它

Question

如何获取新输入的字符(而不是 ngModel 的整个新值)，然后对其应用逻辑，然后返回 ngModel 的新值？

示例:假设当用户在输入中键入时，我们希望获取他键入的新字符，然后将其更改为某些内容并将其附加到之前的值ng模型。尝试了 keypress 和 onModelChange 但似乎不起作用

<ion-textarea #chat_input
     (ngModelChange)="modelChanged($event)"
     placeholder="Text Input"
     [ngModel]="editorMsg"
     (keyup.enter)="sendMsg()"
     (ionFocus)="onFocus()">
</ion-textarea>

我的方法是这样的:

modelChanged(e){
        // e is the new value of editorMsg and not the new typed character, if I get the new character I can do
this.editorMsg+=e;
}

但是我只从 modelChange 中获取新键入的值，如何才能只获取新键入的字符？

Answer 1

我相信您正在寻找的是 keyup 事件。

你可以有类似的东西

<input (keyup)="onKey($event)">

然后在你的组件中

onKey(event: any) { 
    console.log(event.key)
}

这里重要的一点是使用 event.key 而不是 event.target.value。如果您使用后一种，它总是会为您提供输入值而不是输入键

您可以获得所需的更多信息 here ，我从那里得到了相关的信息