角引导程序uib-typeahead

Question

如何仅从HTML视图将uib-typeahed结果设置为大写。 我不在乎控制器的任何结果，但是在视图上它应该是大写的。

此外，uppercase过滤器不起作用。 这是attached矮人。

帮帮我， 谢谢。

Answer 1

Ashish提供的答案很好，但是如果您要使UI保持一致，则可以refer this approach

<input type="text" ng-model="selected"
    uib-typeahead="state.toUpperCase() for state in states  | filter:$viewValue | limitTo:8" 
   class="form-control">

，以便所选值也位于输入框内的大写中

Answer 2

请选中此plunker

您需要使用typeahead-template-url="customTemplate.html"

为此使用自定义模板

并添加这样的新自定义模板。

<a>
  <span ng-bind-html="match.label |uppercase"></span>
</a>

Answer 3

您只需在案例中添加一个CSS即可使视图中的结果变为大写

.typeahead-demo .dropdown-menu {
  text-transform : uppercase;
}

柱塞：https://plnkr.co/edit/Ni719u1pNCOVMiMfLQeL?p=preview

注意：已从输入元素中删除了大写字母，因为这不起作用。