Angularjs md-autocomplete с фотографиями профиля

У меня есть панель поиска в верхней части моей страницы для поиска профилей. Я хотел бы иметь функцию автозаполнения, как в Facebook или linkedin. Я использую angularjs спереди.

Мне нужно показать записи найденных профилей с их изображениями вместе с их полными именами.

Как настроить изображения найденных профилей в md-элементах md-autocomplete (возможно ли это вообще)? Есть ли лучший способ для такого автозаполнения без переизобретения всего колеса, кроме md-autocopmlete?

Спасибо

Источник

1 ответ

Да, ты можешь. использование md-icon чтобы добавить значок к вашему результату автозаполнения.

<md-autocomplete class="no-float" flex md-no-cache="noCache" md-selected-item="selectedItem" md-search-text="searchText" md-items="item in vm.querySearch(searchText)" md-item-text="item.display" md-floating-label="Project">
    <md-item-template>
        <span class="item-title">
          <md-icon md-svg-icon="{{item.image}}"></md-icon> 
        </span>
        <span class="item-metadata">
            <span class="item-metastat">
                <strong>{{item.email}}</strong>
            </span>
        </span>
    </md-item-template>
</md-autocomplete>
Источник
Другие вопросы по тегам