css - Angular 6 ngModel 数据绑定自动转换大写

Question

我正在使用 Angular 6 仪表板。对于所有表单，我使用 ngModel 来绑定数据。所以现在有另一个新的要求。所有数据必须以大写形式发送到后端。有没有办法在一个地方将所有数据转换为大写？

我在全球范围内为所有输入设置了一个样式，如下所示。

text-transform: uppercase;

但是数据不是通过转换大写来发送的。（只有前端显示大写。）

如果没有，是否有一种简单的方法可以从后端转换它们。（后端由.net core编写）

标签： cssasp.net-coreangular6

Answer 1

您可以<input (ngModelChange)="somethingChanged(input_data)"> 在您的 html中使用

并在您的 ts 中编写将您的输入转换为大写的函数

somethingChanged(input_data){
new_data=input_data.toUpperCase( )
}