ngfor 中的角度条件切片管道

Question

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

例如，选择列表/网格上显示的视频数量，例如这些公共下拉列表：

我现在想做的是：

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

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

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'>