angular - 如何将任何类型的数组传递给查找
问题描述
我正在尝试使用 ngl-lightning 库的 ngl-lookup 我想传递一个 any[] 类型的数组而不是 String[],这是我的代码:
<ngl-lookup [lookup]="lookupManagerUsers" [icon]="true" [image]="'user'" [noResultsText]="'Aucun résultat trouvé'"
[(pick)]="pickedManagerUser" (pickChange)="managerUserPicked($event)" placeholder="Recherchez un agent..." formControlName="manager_id"
ngDefaultControl>
<ng-template nglLookupItem let-item>
<div class="slds-media__body">
<span class="slds-media__figure slds-listbox__option-icon">
<span class="slds-icon_container slds-icon-standard-user">
<svg class="slds-icon slds-icon_small" aria-hidden="true">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#user" />
</svg>
</span>
</span>{{item}}
</div>
</ng-template>
</ngl-lookup>
这是我的方法
pickedManagerUser: string = '';
lookupManagerUsers = (query: string, source = this.manager_users): any[] => {
let temp = [];
if (!query) {
temp = source;
} else {
const temp2 = source.filter(user => user.first_name.indexOf(query.toLowerCase()) > -1 || user.last_name.indexOf(query.toLowerCase()) > -1);
for (const m of temp2) {
temp.push(m);
}
}
return temp;}
managerUserPicked(superhero) {
console.log(superhero); }
请有任何帮助
解决方案
尝试打印特定属性而不是整体item
,即 {{ item.first_name}} 而不是整个项目作为 {{ item }}。
推荐阅读
- ios - 横向模式下 UITextField 中间出现奇怪的黑条
- android - Android 在 ListView 中启用下一个项目
- reactjs - 如何在 JSX 中包含 IF 语句?
- python - python写入文件.txt没有正确保存输出
- firebase - 即使页面已更改,仍保持 ionic 4 存活
- javascript - 查找对象数组中的总计数
- rest - 用于添加实体表单的 Rest API Url
- php - 在 Moodle 中添加匹配测验时,我在选项中遇到了这个问题
- python - Python字典转换
- python - 根据条件 python pandas 创建列