Angular 6反应形式输入值到大写

Question

我在Angular 6中使用了反应形式。对于输入类型的文本，我希望它是大写的。我尝试了解决方案

(input)="form.patchValue({name: $event.target.value.toUpperCase()})"

该解决方案工作正常，但是当我将光标移到中间并键入一个字符时，唯一的问题是光标移到末尾。

还有其他方法或更好的解决方案吗？

Answer 1

你可以试试这个：

const yourControl = this.form.get('yourControlName');
yourControl.valueChanges.subscribe(() => {
  yourControl.patchValue(yourControl.value.toUpperCase(), {emitEvent: false});
});

Answer 2

您为什么不只使用CSS来完成这项工作？

.uppercase{
  text-transform: uppercase;
}

<input class="uppercase" type="text" placeholder="type here">