时间戳

首页 > 解决方案 > 在 ngFor 中使用 Angular 9 Slice Pipe

javascript - 在 ngFor 中使用 Angular 9 Slice Pipe

问题描述

我无法找到在 for 循环中使用 Angular 的 Slice 管道的解决方案。

想象以下代码：

textArray = ['aaaaaaaaaaaaaaaaaaaaaaa', 'bbbbbbbbbbbbbbbbbbbbbbbb', 'cccccccccccccccccccc'];

<ng-container *ngFor="let text of textArray">
    {{ text | slice:0:20 }}
</ng-container>

我不想在数组的每个元素上使用管道，但我想在 for 循环的组合文本值上使用管道。任何提示或解决方案？

亲切的问候

标签： javascriptangularangular9

解决方案

在 ngFor 中使用它

<ng-container *ngFor="let text of textArray | slice:0:20">
   {{text}}
</ng-container>

推荐阅读