Angular UI Выберите Выделить HTML

Когда я выполняю фильтрацию с помощью пользовательского интерфейса, выберите добавленный тег span, который отображается как текст и не отображается как html. У меня есть картинка ниже, чтобы проиллюстрировать то, что я вижу. Любые мысли или идеи? Вот разметка для моего пользовательского интерфейса, выберите, если это поможет

                <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
person Scott Walter    schedule 24.10.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Поскольку вы пытаетесь привязать html-шаблон, вам нужно использовать директиву ngBindHtml:

В HTML:

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

справочник по API

person MarkoCen    schedule 24.10.2015