Angular UI 选择突出显示 HTML答案

【问题标题】：Angular UI Select Highlight HTMLAngular UI 选择突出显示 HTML
【发布时间】：2015-10-24 23:42:48
【问题描述】：

当我使用 UI Select 进行过滤时，添加的 span 标签显示为文本，而不是呈现为 html。我在下面有一张图片来说明我所看到的。有什么想法或想法吗？如果有帮助，这是我的 UI 选择的标记

                <ui-select autofocus="autofocus" ng-model="activity.activityCode" theme="bootstrap">
                <ui-select-match allow-clear="false"
                        placeholder="{{scheduler.activityModal.activityCodePlaceholder | translate}}">
                    <div class="activity-code-color" style="background-color:{{$select.selected.color}}">&nbsp;</div>
                    <div class="activity-code-item">{{$select.selected.title}}</div>
                </ui-select-match>
                <ui-select-choices repeat="act in activities | filter: { title: $select.search }">
                    <div class="row">
                        <div class="activity-code-color" style="background-color:{{act.color}}">&nbsp;</div>
                        <div class="activity-code-item">{{ act.title | highlight: $select.search }}</div>
                    </div>
                </ui-select-choices>
            </ui-select>

【问题讨论】：

标签： angularjs ui-select

【解决方案1】：

由于你尝试绑定html模板，所以需要使用ngBindHtml指令：

在html中：

<div 
    class="activity-code-item" 
    ng-bind-html="act.title | highlight: $select.search">
</div>

API reference

【讨论】：