Можно ли стилизовать Angular-Strap TypeAhead

Question

Я использую AngularStrap, (TypeAhead), пытаясь выделить подстроку в сопоставляемых элементах, например, выделив их жирным шрифтом (например, автозаполнение jquery) или изменив фон символов на другой цвет.

Я думал, что это возможно, изменив css (если я знаю, что у них есть селектор для совпадающей подстроки), или пока что использование template/$templatecache не повезло / полужирный, но не вижу, почему и как это происходит:

<input type="text" class="span3" ng-model="typeaheadValue" bs-typeahead="typeahead">

plnkr -> http://plnkr.co/edit/Yjff9DiLnGqi2x1E5D2q?p=preview

Answer 1

Элементы выпадающего меню typeahead можно оформить через .dropdown-menu a, Совпадающий текст регулярно проверяется на <strong>match></strong> то есть стиль тех, кто через .dropdown-menu a strong, Пример:

/* style the dropdown items */
.dropdown-menu a {
  font-family : 'courier new';
  font-size: 110%;
}

/* styling matched text */
.dropdown-menu a strong {
  color: white;
  background-color: red;
}

раздвоенный plnkr -> http://plnkr.co/edit/LpdRiH9DxeRiAib3MOnn?p=preview