有条件地在 ngFor 上应用 Angular 管道

如何解决有条件地在 ngFor 上应用 Angular 管道

我有以下代码：

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

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

有什么更好的方法吗？