时间戳

首页 > 解决方案 > ngFor 删除可观察列表中的重复项

angular - ngFor 删除可观察列表中的重复项

问题描述

我想删除可观察列表中的重复值。仅在模板中，不更改组件！

使用索引我想删除双 *ngFor 中的重复值。

有什么办法吗？

<div class="order-list-row" *ngFor="let list of sandbox.orderList$ | async;">
    <div class="olr-header flex">
        <div class="olrh-lft flex">
            <div class="olrh-lft-col">
                <h5>주문코드</h5>
                <p>{{list.orderPrefixId}}</p>

我想通过应用条件（使用索引）跳过已经打印的值（list.orderPrefixId）

标签： angular

解决方案

您可以使用这样的指令或更好的逻辑，以便保留在您的组件文件中。在您的模板文件中进行这种过滤本身就是一个糟糕的设计。

订阅组件文件中的 observable 并在其中执行过滤

推荐阅读