如何解决角度 - 在搜索中粘贴 ng 选择不起作用
我尝试在项目 angular5 中应用搜索回调 ng select 但是,搜索正在工作,但是当我在 select 中应用复制粘贴字符串时,第一次不起作用 代码 HTML
<ng-select [items]="listRequesters" class="w-100" [loading]="loadingRequester" bindLabel="name"
[virtualScroll]="true" bindValue="id" (scrollToEnd)="getListRequesters()"
[ngModel]="selectedRequester" name="coreUser" [searchFn]="searchRequesters" [clearable]="false"
#coreUser="ngModel" (click)="setMarginRequester(coreUser.value)" typeToSearchText="{{'typeSearchText'|translate}}"
(close)="setMarginRequester(coreUser.value)" dropdownPosition="bottom" [clearSearchOnAdd]="true"
ngModel placeholder="{{'select'|translate}}.." (selectionChanges)="validateFirstStep('and')" required>
<ng-template ng-option-tmp let-requester="item" let-search="searchTerm">
<div [ngOptionHighlight]="search" class="text-uppercase">
{{ requester.name }}
</div>
</ng-template>
代码 ts:
setMarginRequester(value) {
const requesters = Object.assign([],this.requestersInit);
requesters.forEach(element => {
if (this.listRequesters.filter(x => x.id == element.id).length == 0) {
this.listRequesters.push(element);
}
});
this.listRequesters = [...this.listRequesters];
this.listRequesters.sort(this.compare);
}
searchRequesters(term: string,item) {
term = term.toLowerCase();
return item.name.toLowerCase().indexOf(term) > -1 || item.name.toLowerCase() === term;
}
getListRequesters() {
// this.listRequesters = [];
this.indexRequester = this.indexRequester + this.limit;
if (this.poPurchaseOrder.coreAgency && this.poPurchaseOrder.coreAgency.coreUserAdditionals) {
Object.values(this.poPurchaseOrder.coreAgency.coreUserAdditionals).forEach((element,key) => {
this.loadingRequester = true;
if (this.listRequesters.length <= (this.listRequesters.length + this.limit)) {
this.listRequesters.push(element);
}
});
}
this.listRequesters = this.commonService.removeDuplicateObjectFromArray(this.listRequesters);
this.listRequesters.forEach(element => {
element['name'] = element.firstName + ' ' + element.lastName;
});
this.listRequesters.sort(this.compare);
this.listRequesters = [...this.listRequesters];
this.loadingRequester = false;
}
错误是当我第一次粘贴字符串时搜索不起作用,但是当我删除搜索字符串并粘贴时,否则搜索正在工作......
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。