Eu estou construindo um recurso de pesquisa que precisa usar um typeahead que sugira resultados de vários conjuntos de dados de diferentes tipos de itens.
Eu usei o Diretiva typeahead do Angular UI Bootstrap para um único dado. A documentação menciona modelos personalizados, mas nada sobre o suporte ao agrupamento de resultados.
Por exemplo, eu gostaria de poder digitar "san" e ver resultados para pessoas e cidades, com rótulos de grupo:
Cidades
- São Francisco
- San Diego
Pessoas
- Santana
- Sanchez
- Sandip
Isso é possível usando typeahead do Angular UI Bootstrap?
Respostas:
1 para resposta № 1Achei essa discussão muito útil para me colocar no caminho certo:
Resultados de agrupamento do AngularUI Bootstrap Typeahead
A abordagem geral é:
- adicione um identificador de "tipo de dados" a cada conjunto de resultados
- mesclar conjuntos de dados juntos
- durante a filtragem, identifique o primeiro item de cada tipo de dados.
- um modelo personalizado de digitação antecipada, procure o "primeiro" identificador e inclua HTML adicional para rotular a seção de resultados