问题标签 [ng-repeat]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
151187 浏览

angularjs - ng-repeat 中的自定义排序功能

我有一组根据用户选择的选项显示特定数字的图块。我现在想按显示的任何数字实现排序。

下面的代码显示了我是如何实现它的(通过在父卡范围内获取/设置一个值)。现在,因为 orderBy 函数需要一个字符串,所以我尝试在卡片范围内设置一个名为 curOptionValue 的变量并按此进行排序,但它似乎不起作用。

那么问题就变成了,如何创建自定义排序功能?

和控制器:

0 投票
2 回答
31938 浏览

angularjs - angularjs 指令中 ngRepeat 的 $index

我正在尝试找到在与自定义指令一起使用的 ngRepeat 中获取索引位置的最佳方法。我要解决的问题是,对于 ngRepeat 的每次迭代,我想知道我在迭代中的位置,以便我可以根据该索引位置创建自定义模板。

除非有更好的方法可以做到这一点,否则我正在尝试根据指令中的此文档执行此功能:

& 或 &attr - 提供一种在父作用域的上下文中执行表达式的方法。如果未指定 attr 名称,则假定属性名称与本地名称相同。给定范围的小部件定义:{ localFn:'&myAttr'},则隔离范围属性 localFn 将指向 count = count + value 表达式的函数包装器。通常希望通过表达式将数据从隔离范围传递到父范围,这可以通过将局部变量名称和值的映射传递到表达式包装器 fn 来完成。例如,如果表达式是 increment(amount),那么我们可以通过将 localFn 调用为 localFn({amount: 22}) 来指定数量值。

http://docs.angularjs.org/guide/directive

我很难理解这句话到底在告诉我什么。所以,我试图做的是......

首先,在“testTemplate”中将 ngRepeat 指令与我的指令一起使用:

接下来,我的指令定义:

现在最后,我试图在控制器中为引用指令的父模板定义“测试”函数。

所以第一个问题是我在父级中的“测试”函数根本没有被执行。也许我不明白应该如何调用父控制器中的测试函数。现在我实际上也没有增加,但是如果我可以触发测试功能,当我到达那个点时,我会增加计数的正确方法是什么?

0 投票
3 回答
10636 浏览

angularjs - 自定义指令(如 ng-repeat)

我尝试了许多不同的方法来解决ng-repeat. 包括此处描述的内容:如何“取消观看”表达式

我需要在页面上有一大组行,最多 1000 行。每一行都包含相当多的东西。现在在我看来,它会很慢ng-repeat,我想我必须构建自己的自定义ng-repeat或者我必须构建一个指令来构建表格中的每一行......我不知道如何做任何一个。你们能帮帮我吗?你能告诉我一些例子吗?

0 投票
1 回答
1091 浏览

angularjs - 不使用 ng-repeat 的数组指令

我再次偶然发现性能缓慢,ng-repeat并且无法弄清楚如何构建一个指令,该指令将在不使用ng-repeat任何地方(甚至在模板中)的情况下呈现元素数组

那么,你们是怎么做到的呢?

即使我遍历数组,对每个元素都使用模板:

如果我选择为所有元素使用一个模板,那么我别无选择,只能ng-repeat在其中使用它,它将创建 ngRepeatWatchers 并且一切都会再次变慢。

0 投票
2 回答
1955 浏览

javascript - 使用角度将多维数组变成多列表

js`,我想将一个数组重复到一个列表中

由此: 这是在服务中:

并从控制器调用对象:

我想这样重复:

我不知道,我怎样才能在一个数组中重复一个数组。响应是一个数组。在响应中有 x 个图像。1 篇文章可以有很多图片。

有人可以帮帮我吗?

0 投票
12 回答
842223 浏览

angularjs - ng-repeat :按单个字段过滤

我有一系列产品,我正在重复使用 ng-repeat 并且正在使用

按颜色过滤这些产品。过滤器正在工作,但如果产品名称/描述等包含颜色,则应用过滤器后产品仍然存在。

如何将过滤器设置为仅适用于我的数组的颜色字段而不是每个字段?

0 投票
1 回答
30574 浏览

angularjs - Angular.js:在 ng-repeat 中使用 ng-model 进行下拉菜单

我很难理解如何在 ng-repeat 中使用 ng-model。在这种情况下,CargoItems 是一个包含 LoadPoint 的对象列表。LoadPoint 具有 Id 和 Text 属性。

我想显示文本,绑定到下拉列表中的当前选择,但我也想跟踪当然选择了哪个 Id。所以我不确定如何使用选择绑定更新这两个属性,或者通过显式使用标签,或者使用我还没有真正弄清楚的 ng-options。

所以两个问题:

1) 如何将选择列表中的文本和值正确绑定到 CargoItem.LoadPoint 上的 Id 和 Text 属性?我感觉我的 ng-model 可能是错误的?

2)我如何使用 ng-options 来默认选择的值?我想出这是写我自己的选项标签,但如果可能的话,我想使用 ng-options 。

提前致谢!

0 投票
8 回答
142320 浏览

javascript - 如何在 AngularJs 中使用 ng-repeat 过滤(键、值)?

我正在尝试做类似的事情:

AngularJs 部分:

但不知何故,它向我展示了所有项目。如何过滤 (key,value) ?

0 投票
1 回答
9499 浏览

angularjs - 使用 ng-repeat 创建多级列表

我正在尝试从包含嵌套数据的对象中创建一个多级列表:

为什么这仅输出前 2 级菜单而忽略第三级?

0 投票
1 回答
7329 浏览

javascript - angularjs ng-repeat 在两个级别上,但只有一个输出

我有一个看起来像这样的大对象:

我想做的是像这样循环遍历大对象:

在循环内部,再次循环每个对象,而不是附加到 DOM 中,例如:

<li></li>尽管我正在循环播放关卡,但我只想拥有一个。我想要这样的原因是因为我需要key从第一个循环向下引用级别循环并且仍然只有一个li.

我读过它ng-repeat="friend in friends | filter:searchText"可以做我想做的事,但我不确定在过滤器表达式中我是否可以动态指定key需要的或其他东西,而不是searchText(我猜这是对象的已知属性)。

所以我的问题是,我可以实现我刚才解释的内容,filter还是有另一种方法?