是否可以样式化 Angular-Strap TypeAhead答案

【问题标题】：Is it possible to Style Angular-Strap TypeAhead是否可以样式化 Angular-Strap TypeAhead
【发布时间】：2015-04-29 21:26:54
【问题描述】：

我正在使用 AngularStrap, (TypeAhead)，试图使匹配项中的子字符串突出，例如使它们加粗（如 jquery 自动完成）或将字符的背景更改为不同的颜色 加利福尼亚伊福尼亚技术cal

我认为这应该可以通过更改 css（如果我知道他们有匹配子字符串的选择器）或使用 template/$templatecache 到目前为止没有运气编辑：在这个 plnkr 中，我可以看到下拉菜单项突出显示/加粗了用户输入，但看不到为什么以及如何发生：

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

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

【问题讨论】：

标签： bootstrap-typeahead angular-strap

【解决方案1】：

可以通过.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

【讨论】：