Question

我正在使用一个成角的ui-select来显示用户可以浏览的潜在地址列表。

当用户在输入字段中输入搜索字词时，应在显示在输入字段下方的可用地址中突出显示搜索字词本身。

突出显示作品。但是，我希望能够通过搜索词突出显示每个词。

例如搜索字词=“苏黎世站” =>在这种情况下，我希望突出显示“站”并显示“苏黎世”。高亮显示应该与用户输入输入的顺序无关。

例如搜索字词“苏黎世站”和“苏黎世站”应得出相同的结果。

<div class="row-fluid sam-form-row">
            <ui-select class="span5" ng-model="selectedAddress" theme="select2" append-to-body="true" on-select="getAddressDetails($select)">
                <ui-select-match placeholder="Select or search a country in the list...">
                    <span ng-bind="$select.selected.label"></span>
                </ui-select-match>
                <ui-select-choices repeat="address in availableAddresses track by address.uniqueAddressId" refresh="onAddressSelected($select)">
                    <div ng-bind-html="address.label | highlight: $select.search"></div>
                </ui-select-choices>
            </ui-select>
        </div>

有什么想法可以实现这一目标吗？

Angular JS ui-select指令

0 个答案: