Угловой бутстрап Uib-typeahead

Question

Как установить uib-typeahed результат в верхнем регистре только из представления HTML.Меня не волнует какой-либо результат от контроллера, но в представлении он должен быть в верхнем регистре.

Кроме того, фильтр uppercase на нем не работает.Вот прикрепленный поршень.

Помогите мне, спасибо.

Answer 1

Ответ, предоставленный Ашишем, хорош, но если вы хотите сделать пользовательский интерфейс согласованным , вы можете отослать этот подход

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

так, чтобы выбранное значение также в верхнем регистре внутри поля ввода

Answer 2

Вы можете просто добавить css в вашем случае, чтобы результаты отображались в верхнем регистре.

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

Плункер: https://plnkr.co/edit/Ni719u1pNCOVMiMfLQeL?p=preview

Примечание.элемент ввода, потому что это не сработает.

Answer 3

Пожалуйста, отметьте это Плункер

Вам необходимо использовать пользовательский шаблон для этого, используя typeahead-template-url="customTemplate.html"

И добавить новый пользовательский шаблон, как это.

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