검색 표시 줄이 있고 생성하려는 파이프를 사용하여받은 json 또는 객체 배열의 모든 문자열 또는 열에서 검색 할 수 있기를 원합니다. 따라서 내 테이블에서이 결과를 업데이트 할 수 있습니다.
지금까지 사용자 지정 파이프에 대해 가지고있는 것 : (내가하려는 작업을 수행하지 않음)
transform(items: any[], args:string): any {
let keys = [];
for (let key in items) {
keys.push({key: key, value: items[key]});
}
let ans = [];
for (let k in keys){
if(items[k].value.match('^.*' + args +'.*$')){
ans.push({key: k, value: items[k]});
}
}
return ans; }
HTML 검색 <input type="text" #filterInput (keyup)="0">
파이프 호출 테이블에로드
<tbody *ngIf="usersBool">
<tr *ngFor="let entry of content | filterArrayOfObjects: filterInput" >
<td>{{entry.value.enrollmentId}}</td>
<td>{{entry.value.firstName}}</td>
<td>{{entry.value.LastName}}</td>
<td>{{entry.value.typeOfUser}}</td>
<td>edit</td>
<td>delete</td>
</tr>
</tbody>
다음과 같은 더미 콘텐츠가 있습니다.
this.content = [
{
"enrollmentId": "A0xxxxxx",
"firstName": "Bob",
"LastName": "Bob",
"typeOfUser": 'Admin'
},
{
"enrollmentId": "A0xxxxxx",
"firstName": "Bob",
"LastName": "Bob",
"typeOfUser": 'Admin'
},
{
"enrollmentId": "A0xxxxxx",
"firstName": "Bob",
"LastName": "Bob",
"typeOfUser": 'Admin'
}
];
그래서 저는 콘텐츠 사전에있는 각 키를 고려하여 검색 창에 입력 한 내용과 일치하는 콘텐츠가 있는지 분석해야했습니다.
transform(items: any[], args:string): any {
let ans = [];
for (let k in items){
if(items[k].enrollmentId.match('^.*' + args +'.*$')
|| items[k].firstName.match('^.*' + args +'.*$')
|| items[k].lastName.match('^.*' + args +'.*$')
|| items[k].typeOfUser.match('^.*' + args +'.*$')) {
ans.push({key: k, value: items[k]});
}
}
return ans;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다