0

我有以下代码：

<tr *ngFor="let user of users">
    <td>{{user.name}}</td>
    <td>{{user.surname}}</td>
    <td>{{user.age}}</td>
    <td>{{user.email}}</td>
    <td>{{user.username}}</td>
    <td>{{user.registrationDate}}</td>
</tr>

我需要应用自定义管道来过滤不活跃的用户。

<tr *ngFor="let user of users | filterBy: 'active'">

有用。

但我希望有条件地应用管道，只有当用户单击给定按钮时。我的意思是用户按下“仅显示活动”并获取仅由活动用户过滤的列表。

也许我不能在 HTML 代码中使用管道来做到这一点，但我必须在组件中使用它，通过以下方式使用管道：

this.users = new FilterByPipe().transform(this.users, 'active');

这不是一种肮脏的方式，因为我应该有一个备份数组来恢复以前的值吗？

有更好的办法吗？

4

0 回答 0