最后一个角色没有获得大写

Question

我正在创建一个由用户输入的大写字符串的指令。

import { Directive, HostListener, ElementRef } from '@angular/core';
@Directive({
    selector: '[upperCase]'
})
export class UppercaseDirective {
    constructor(
        private el: ElementRef
        ){}

    @HostListener('keyup') onKeyUp() {
        this.el.nativeElement.value = this.el.nativeElement.value.toUpperCase();

    }
}

当获取组件中的值时，最后一个字符仍然是小写，但是当我在指令中跟踪它时，它显示整个字符串是大写的。

是否有其他人遇到此问题并有任何解决方法？

Answer 1

我从here

找到解决方案

虽然上面的解决方案对我有用，但还没有尝试过on keydown和keypress