>我的页面顶部有一个搜索栏,用于搜索个人资料。我想有一个自动完成功能,比如在脸书或LinkedIn。我在前面使用angularjs。
我需要显示找到的个人资料的记录及其图像以及全名。
如何在 md-autocomplete 的 md 项中设置找到的配置文件的图像(这完全可能吗(?除了md-autocopmlete之外,有没有更好的方法来实现这种自动完成而无需重新发明整个轮子?
谢谢
是的,你可以。 使用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>