angularjs - 带有个人资料图片的Angularjs md-autocomplete

Question

我的页面顶部有一个搜索栏，用于搜索个人资料。我想有一个自动完成功能，比如 facebook 或linkedin。我在前面使用 angularjs。

我需要显示找到的个人资料的记录以及他们的图片和他们的全名。

如何在 md-autocomplete 的 md-items 中设置找到的配置文件的图像（这可能吗）？除了 md-autocomplete 之外，有没有更好的方法可以在不重新发明整个轮子的情况下实现这种自动完成？

谢谢

Answer 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>