0

Tenho um input (de múltipla seleção), estou usando a lib ui-select, recebo uma lista de cidade e preciso filtra-las, o problema é que o filtro do angularjs filtra a palavra toda, eu preciso filtrar o inicio da palavra.

Exemplo de busca : rio.

Resultado: Balneario Camboriu.

Resultado Esperado: Rio de Janeiro.

<ui-select 
    on-select="onSelectCity($item)"
    on-remove="onRemoveCity($item)"
    limit="3"
    input-id="cities"
    multiple
    ng-model="multipleCities"
    theme="bootstrap"
    close-on-select="true"
    title="Escolha uma cidade">
    <ui-select-match placeholder="Digite o(s) município(s) que deseja filtrar (máx. 03)">{{$item.city}}/{{$item.uf}}</ui-select-match>
    <ui-select-choices repeat="city in avaiableCities | filter:$select.search track by $index">{{city.city}}/{{city.uf}}</ui-select-choices></ui-select>

1 Resposta 1

0

Encontrei a solução baseado nessa Question, mas fiz algumas melhorias

<ui-select-choices repeat="city in avaiableCities | CustomFilter:$select.search:'city' track by $index">

'use strict';
@param {Array} items - O Array que será filtrado
@param {String} prefix - Valor digitado
@param {String} [itemProperty] - Propriedade do objeto para filtro

(function(angular) {
    angular
        .module('app.common')
        .filter('CustomFilter', CustomFilter);

    function CustomFilter() {
        return function(items, prefix, itemProperty) {
            var regex = new RegExp('^' + prefix.replace(/[^a-zA-Z ]/g, ''), 'i');

            return items.filter(function(item) {
                return regex.test(item[itemProperty]);
            });
        };
    }
})(angular);

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .