Javascript ngModel中的字母数字值输出为AngularJS中的大写字母

我有一个带有输入字段的表单。一个输入字段允许字母数字值。但如果该值包含字母，则字母必须为大写。我如何实现这种方法？是否可以在输入字段中定义，当用户进行输入时，字母会自动以大写字母显示

观点：

<div class="form-group-sm has-feedback">
  <label class="control-label" for="article-id">Article Nr.</label>
  <input type="text" 
         class="form-control" 
         name="Article" 
         id="article-id"
         ng-model="selected.article" 
         ng-pattern="/^[a-zA-Z]{2}[a-zA-Z\d]{9}[0-9]$/"
         ng-required="true"
         />
</div>
...
//the other inputs are the same definition

第条。
...
//其他输入的定义相同

---

用大写字母将值保存在DB中对我来说很重要。

只要创建一个简单的指令，这个答案就基于这里的答案

HTML-like-

<input type="text" ng-model="name" capitalize>

---

第一个答案很好。但我用CSS代码解决了这个问题：

CSS:
#article-id {
    text-transform: uppercase;
}

---

可以在ng上使用过滤器-model@ngLover以及如何在ngModel上使用

大写

-过滤器？您是否考虑过将模式更改为只接受大写字母？@JumarPolanco否，我需要此模式，因为它必须是字母和数字的混合体。如果您使用此

/^[a-Z]{2}[a-Z\d]{9}[0-9]$/

作为您的模式，它将执行与以前相同的操作，但只接受大写字母。我将尝试您的示例。您确定如果工作正常，则接受ans以帮助他人工作正常。但我也用CSS代码解决了这个问题。注意，在angular 1.5中，这将更改数据，但您仍然可以在输入中看到小写字母。因此，您需要添加CSS解决方案（或者您可以提供一个$render函数来设置输入值，但这是非常不角度的）。

CSS:
#article-id {
    text-transform: uppercase;
}