“ng-repeat"如何获得“唯一"值 [英] 'ng-repeat' How to get the `unique` values

问题描述

使用数组，我试图过滤并显示列表中的 unique 信息.为此，我使用 angular inbuild filter 方法.

Using an array, I am trying to filter and show the unique information in the list. For that I use the angular inbuild filter method.

但是我遇到了错误.

这是我的尝试(我按 SubProjectName 过滤)

Here is my try (I am filtering by SubProjectName)

<ul>
    <li ng-repeat="project in projectNames | unique: 'SubProjectName' ">
        {project.SubProjectName}}
    </li>
</ul>

现场演示

推荐答案

AngularJS 默认不包含 unique 过滤器.您可以使用 angular-filter 中的那个.只需包含 JavaScript

AngularJS doesn't include a unique filter by default. You can use the one from angular-filter. Just include the JavaScript

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.min.js"></script>

并在您的应用中包含依赖项:

and include the dependeny in your app:

var app = angular.module('myApp', ['angular.filter']);

您的代码应该可以立即运行！我编辑了您的 Plunker 使其有效.

Your code should work right away! I edited your Plunker so it works.

这篇关于“ng-repeat"如何获得“唯一"值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！