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

使用ng-options的angular.js仅显示唯一值

东门焕
2023-03-14
问题内容

如果我有一个数组

$scope.colors = [
{name:'black', shade:'dark'},
{name:'white', shade:'light'},
{name:'red', shade:'dark'},
{name:'red', shade:'dark'},
{name:'yellow', shade:'light'}

];

是否可以使用ng-options构建一个仅在下拉列表中具有唯一值的select元素,所以红色将仅显示一次?


问题答案:

AngularUI正是您需要的“唯一”过滤器(src代码)。

例:

ng-options="color in colors | unique:'name'"


 类似资料:
  • 问题内容: 在我的JavaScript中,我有一个数组 而且我正在尝试使选择器仅显示唯一的quoteNumbers即。ING-70440-21和ING-70440-01。但是,当我尝试在angular中使用’unique’选项时,没有任何显示。 没有唯一标签,它可以正常工作。我究竟做错了什么?我对angular非常陌生,所以它可能真的很简单。 问题答案: AngularJS没有内置过滤器。您可以执

  • 问题内容: 我有价格(数组,,…等),我想显示。 我想用角的这样 由于这是上面显示它会产生一个选择,,… 但我想在代码中使用过滤器,使得字每一次 的价格“ 呈现(或者类似的东西),代码将运行一个函数的浮点数更改为字符串和现在(,,…等)。 我有办法吗? 谢谢 问题答案: 有更好的方法: 然后像这样使用它: 这样,筛选器对于单个值很有用,而不是仅对数组进行操作。如果您有对象和相应的格式过滤器,这将非

  • 问题内容: 我已经搜索了几个小时,似乎无法在任何地方找到问题的答案。我记得我曾经能够实现它,但是由于某种原因我丢失了代码,而且我似乎不记得为使它起作用而做了什么。 我正在尝试使用ng-options在选择框中显示来自数组的数据。我没有问题的那个。我需要实现的是,只有某些数组值会显示/包括在选择框中。 我的数据如下: 我的HTML看起来像: 所以我想发生的是,如果属性“ active”的值为fals

  • 问题内容: 如何只显示第一个角元素? 我正在这样使用: 但是由于我没有重复,所以我不必使用吗?我如何才能只显示第一个,而不必进行ng-repeat? 问题答案: 不要使用ng-repeat指令,这应该可以工作:

  • 本文向大家介绍Angular.js中用ng-repeat-start实现自定义显示,包括了Angular.js中用ng-repeat-start实现自定义显示的使用技巧和注意事项,需要的朋友参考一下 前言 众所周知AngularJS 中可以使用 ng-repeat 显示列表数据,这对大家来说应该都不陌生了, 用起来很简单, 也很方便, 比如要显示一个产品表格, Controller 的 Javas

  • 我在其他的帖子里读到过,但我想不通。 我读过select也试过,但我想不通。