[ANGULAR] Angular 2에서 동시에 여러 파이프
ANGULARAngular 2에서 동시에 여러 파이프
해결법
-
1.HM ... 아주 이상한. 이 도움이 될 수 있습니다
HM ... 아주 이상한. 이 도움이 될 수 있습니다
<tr *ngFor="let row of (rows | sortTable: sortType : {'key': key, 'dt': dt}) | searchTableRow : searchTerm : ['name']">
각 파이프에서 console.log를 설정하려고하지 않으면 그들이 돌아 오는 것을 지켜보십시오.
-
2.파이프 기호를 사용하여 파이프를 적용 할 수 있습니다. 처럼
파이프 기호를 사용하여 파이프를 적용 할 수 있습니다. 처럼
<div class="checkbox" *ngFor="let value of brand | filter: {name: searchbrand} | itemdisplayno: displayitems; let i = index">
여기서 두 개의 파이프를 사용합니다. 하나는 패스 가치가있는 필터를 호출합니다 두 번째는 itemdisplayno입니다. 기본적으로 먼저 패스 값이있는 필터를 적용한 다음 ItemDisplayNo를 실행하십시오.
-
3.이기 때문에 먼저 목록을 정렬 한 다음 필터링을 적용하기 때문에 발생합니다. 고쳐려면 HTML 코드에서 파이프를 정렬하기 전에 필터 파이프를 이동하기 만하면됩니다.
이기 때문에 먼저 목록을 정렬 한 다음 필터링을 적용하기 때문에 발생합니다. 고쳐려면 HTML 코드에서 파이프를 정렬하기 전에 필터 파이프를 이동하기 만하면됩니다.
`<tr *ngFor="let row of (rows | searchTableRow : searchTerm : ['name']) | sortTable: sortType : {'key': key, 'dt': dt}">`
from https://stackoverflow.com/questions/43698908/multiple-pipes-simultaneously-in-angular-2 by cc-by-sa and MIT license
'ANGULAR' 카테고리의 다른 글
[ANGULAR] Angular의 키 업으로 화살표 키를 사용하십시오 (0) | 2020.11.29 |
---|---|
[ANGULAR] Angular 2의 경로 변경시 끝 간격 (0) | 2020.11.29 |
[ANGULAR] Angular 2 Animate - 경로 / 구성 요소를 변경할 때 '* => void'전환의 눈에 보이는 효과 없음 (0) | 2020.11.29 |
[ANGULAR] Angular 6 / Ngrx 결합 감속기 (0) | 2020.11.29 |
[ANGULAR] Firebase 인증은 지속되지 않습니다 (0) | 2020.11.29 |