相关疑难解决方法(0)

Angular2从JSON数组中删除重复项

当我将应用程序移动到Angular2时,我的JSON数组中的过滤器出现问题.在Angular 1.x中更容易.我'unique'在过滤器中使用,这删除所有重复.

应用:

{"app":"database_1",
 "host":"my_host1",
 "ip":"00.000.00.000"
},
{"app":"database_1",
 "host":"my_host1",
 "ip":"00.000.00.000"
},
{"app":"database_2",
 "host":"my_host2",
 "ip":"00.000.00.000"
},
{"app":"database_2",
 "host":"my_host2",
 "ip":"00.000.00.000"
}
Run Code Online (Sandbox Code Playgroud)

部分HTML代码:

    <div *ngFor='#appsUnique of apps '>
        <div class="row dashboard-row">
            <div class="col-md-2">
               <h4>{{appsUnique.app }}</h4>
            </div>
        </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

结果是:

database_1
database_1
database_2
database_2
Run Code Online (Sandbox Code Playgroud)

我想得到结果:

database_1
database_2
Run Code Online (Sandbox Code Playgroud)

如何从数组中删除重复项?

arrays filter angularjs ngfor angular

8
推荐指数
2
解决办法
3万
查看次数

标签 统计

angular ×1

angularjs ×1

arrays ×1

filter ×1

ngfor ×1