角4 - 管的参数

时间:2018-03-16 21:47:30

标签: javascript angular pipe

我正在创建一个按钮,点击它会从数组加载所有项目i默认方式它应该将它拼接到(0,3)。我有这个实现的问题。有没有办法设置默认参数,例如='a',如果'b'加载全部?此按钮应该像显示更多按钮一样使用。

import { Pipe, PipeTransform } from "@angular/core";

@Pipe({
  name: "reverse"
})
export class ReversePipe implements PipeTransform {
  transform(value: any, param: any) {

    if (param) {
        value.reverse();
      if (param === "a") {
        return value.reverse().slice(0, 3);
      } 
    }
  }
}

component.ts

<ng-container *ngIf="items > 0" > 
    <div *ngFor="let review of product$ | async | reverse:param; let i = index" >
      <ngb-rating [(rate)]="review.rate" [readonly]="true"></ngb-rating> {{review.rate}}

      <p>{{i+1}}.) {{ review.description.description }}</p>
      <br />
      <ng-container *ngIf="review.user">
      <p class="float-right">Dodał użytkownik: {{ review.user }}</p>
    </ng-container>
      <hr>

    </div>
    <button *ngIf="items > 3" (click)="param = 'a'">Pokaż wszystkie</button>
  </ng-container>

1 个答案:

答案 0 :(得分:0)

是,您可以在Typescript

中设置默认参数
 transform(value: any, param: any='a') {
    //...
 }