복붙노트

[ANGULAR] Angular 2에서 동시에 여러 파이프

ANGULAR

Angular 2에서 동시에 여러 파이프

해결법


  1. 1.HM ... 아주 이상한. 이 도움이 될 수 있습니다

    HM ... 아주 이상한. 이 도움이 될 수 있습니다

    <tr *ngFor="let row of (rows | sortTable: sortType : {'key': key, 'dt': dt}) | searchTableRow : searchTerm : ['name']">
    

    각 파이프에서 console.log를 설정하려고하지 않으면 그들이 돌아 오는 것을 지켜보십시오.


  2. 2.파이프 기호를 사용하여 파이프를 적용 할 수 있습니다. 처럼

    파이프 기호를 사용하여 파이프를 적용 할 수 있습니다. 처럼

    <div class="checkbox" *ngFor="let value of brand | filter: {name: searchbrand} | itemdisplayno: displayitems; let i = index">
    

    여기서 두 개의 파이프를 사용합니다. 하나는 패스 가치가있는 필터를 호출합니다 두 번째는 itemdisplayno입니다. 기본적으로 먼저 패스 값이있는 필터를 적용한 다음 ItemDisplayNo를 실행하십시오.


  3. 3.이기 때문에 먼저 목록을 정렬 한 다음 필터링을 적용하기 때문에 발생합니다. 고쳐려면 HTML 코드에서 파이프를 정렬하기 전에 필터 파이프를 이동하기 만하면됩니다.

    이기 때문에 먼저 목록을 정렬 한 다음 필터링을 적용하기 때문에 발생합니다. 고쳐려면 HTML 코드에서 파이프를 정렬하기 전에 필터 파이프를 이동하기 만하면됩니다.

    `<tr *ngFor="let row of (rows | searchTableRow : searchTerm : ['name']) | sortTable: sortType : {'key': key, 'dt': dt}">`
    
  4. from https://stackoverflow.com/questions/43698908/multiple-pipes-simultaneously-in-angular-2 by cc-by-sa and MIT license