当前位置: 首页 > 面试题库 >

'ng-repeat'如何获得唯一值

甘英光
2023-03-14
问题内容

我正在尝试使用数组来过滤并unique在列表中显示信息。为此,我使用了angularinbuild filter方法。

但是我遇到了错误。

这是我的尝试(我通过过滤SubProjectName

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

现场演示


问题答案:

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

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

并在您的应用中添加依赖项:

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

您的代码应立即生效!我编辑了您的Plunker,使其正常工作。



 类似资料:
  • 问题内容: 我有一个模板,仅当当前项目与上一个项目具有某些不同的字段时,才想在其中生成一些HTML。如何在ng-repeat中访问上一个项目? 问题答案: 你可以做类似的事情 JS 演示:小提琴 注意: 是针对指令数组的,它可能与作用域数组不同。使用内联变量访问正确的数组。 如果您筛选或订购,则为。

  • 问题内容: 我剖析了ng-repeat并提取了附加的代码块,看到它们包含处理 重复 算法的逻辑(我想了解它的工作原理)。 我有很多问题,但是由于它们都是关于ng- repeat的内部结构,因此我选择在这里全部询问。我看不出有任何理由将它们分为不同的SO问题。我已标记内联每个问题所指向的代码行。 为什么他们需要确保这不是本机函数?(这就是该功能的作用,是Angular内部API的一部分) 就我的直觉

  • 问题内容: 我用一个简单的方法来生成国家列表。每个列表中都有一个可以扩展和折叠的隐藏行/ div。 我面临的问题是,在将Angular引入应用程序之前,我手动对元素的ID进行了硬编码,例如: 新代码使用: 如何在我的帐户中分配动态/增量ID ? 问题答案: 您可以使用 https://docs.angularjs.org/api/ng/directive/ngRepeat

  • 问题内容: 我正在开发一个页面,我需要在其中显示一些框(使用),其中包含频道信息以及显示位置(城市)。 我面临的问题是当我重复第二遍时: 这应该获得第一个ng-repeat的$ index值,并使用显示频道的位置创建一个新数组。它确实做到了。但是,当我使用此数组应用第二个ng- repeat时,它无法正常工作。 说我的html看起来像这样(PS:我需要使用索引值而不是因为我将这些框放到列中) JS

  • 问题内容: 我已经做了很多关于溢出和谷歌的环顾工作,但是对于我的具体情况,结果都不起作用。 我有一个名为$ holder的占位符数组,值如下: 我正在尝试从此多维数组中提取不同/唯一的值。我想要的最终结果是一个包含(13,121)的变量,或者是(最好是)一个如下数组:Array([0] => 13 [1] => 121) 再次,我尝试了序列化等,但是当在每个数组中使用单个键进行操作时,我不太了解它

  • 说在AWS DynamoDB,我有一个表: 我的GSI会投影原始表的所有属性。 现在我想最终得到一组数据结构{“Alice”,“Bob”,“John”,“Michael”}。 我怎样才能做到这一点?似乎扫描操作本身不能选择唯一值,这意味着在我的情况下,扫描操作不能更快,对吗?然后,在我得到一个检索到的所有项目的列表之后,我需要对这个列表进行操作,以提取列的唯一值,这是唯一的方法吗? 所以我想我需要