Показване на множество набори от групи от данни, използващи типови функции за ъглово UI Bootstrap? - Angularjs, ъглово-на-bootstrap, bootstrap-typeahead

Изграждам функция за търсене, която трябва да използва тип, който ще предлага резултати от множество набори от данни за различни типове елементи.

Използвал съм Директивата за типовата глава на ъгловото UI Bootstrap за отделни данни. В документацията се споменават персонализирани шаблони, но нищо не се подкрепя при групиране на резултатите.

Например бих искал да мога да напиша "сан" и да видя резултати за хора и градове, с групови етикети:

градове

• Сан Франциско
• Сан Диего

хора

• Сантана
• Санчес
• Sandip

Възможно ли е това да е с помощта на ъглови UI Bootstrap?

Отговори:

Намерих тази дискусия много полезна, за да ме постави на правилния път:

AngularUI Bootstrap Typeahead - групиране на резултатите

Общият подход е:

1. добавете идентификатор "тип данни" за всеки набор от резултати
2. обединяват съвкупността от данни
3. по време на филтрирането, идентифицирайте първия елемент от всеки тип данни.
4. персонализиран шаблон за тип, потърсете "първия" идентификатор и включете допълнителен HTML, за да обозначите секцията с резултати