Angular ngfor 中的条件 slicepipe

Question

我想知道如何在 ngFor 中使用条件切片管来控制显示的数据？

例如选择 list/grid 上显示的视频数量，例如像这些公共下拉菜单：

我现在要做的是：

<app-example
      class="items-list-item"
      *ngFor="let item of datas.video | slice:0:1"
      [itemvideo]='item'>
</app-example>

但是，当我更改 select 下拉列表中的值时，如何动态地执行此操作？

Answer 1

您只需定义变量并分配这些值

 start : number = 1;
 end : number = 5;

然后根据下拉值进行更改

this.end = yourdropdownval;

ngFor 看起来像，

<app-example class="items-list-item" *ngFor="let item of datas.video  | slice:start:end'>

Angular condition slicepipe in a ngfor