Angular 4 - 管道参数

Question

我正在创建一个按钮，单击它会加载数组中的所有项目，我默认的方式是将其拼接到 (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);
      } 
    }
  }
}

组件.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>

Answer 1

是的，您可以在 Typescript 中设置默认参数

 transform(value: any, param: any='a') {
    //...
 }