【问题标题】:Automatically convert entered letters into capital [Angular]自动将输入的字母转换为大写 [Angular]
【发布时间】:2018-06-07 21:38:32
【问题描述】:

我在前端使用 Angular 4。我的项目由许多组件组成,每个组件都由表单和输入组成。

有什么方法可以将用户输入到我的输入字段中的每个字母都转换为大写字母。

我认为以前的答案与我的项目不匹配,因为我有数百个输入字段我正在寻找一种简单的方法来在用户输入时将每个输入转换为大写。

提前致谢

【问题讨论】:

标签: html angular


【解决方案1】:

你可以使用简单的css代码来转换它。

Selector{
text-transform:uppercase;
}

【讨论】:

  • 这只会改变文本的视觉外观。不是实际值。
【解决方案2】:

view 中绑定表达式时,您可以使用 toUpperCase() 函数

试试这个

<hello name="{{name.toUpperCase() }}"></hello>    
<input type="text" [(ngModel)]="name">

这是工作的solution

【讨论】:

  • 这可行,但我想要的是当用户输入相同的输入字段时应该将其转换为大写。
  • 是的,当然,无论用户输入什么,都应该转换并以大写字母显示。
  • 试试我提到的那个链接
  • 这将转换它在 DOM 上的显示方式,而不是实际值
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-02-04
  • 2015-07-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-07
相关资源
最近更新 更多