Angular UI Select 突出显示 HTML

Question

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

                <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>

Answer 1

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

在html中：

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

API reference

Angular UI Select 突出显示 HTML

Angular UI Select Highlight HTML

angularjs

ui-select