问题标签 [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.
angularjs - ng-repeat 中的自定义排序功能
我有一组根据用户选择的选项显示特定数字的图块。我现在想按显示的任何数字实现排序。
下面的代码显示了我是如何实现它的(通过在父卡范围内获取/设置一个值)。现在,因为 orderBy 函数需要一个字符串,所以我尝试在卡片范围内设置一个名为 curOptionValue 的变量并按此进行排序,但它似乎不起作用。
那么问题就变成了,如何创建自定义排序功能?
和控制器:
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 指令与我的指令一起使用:
接下来,我的指令定义:
现在最后,我试图在控制器中为引用指令的父模板定义“测试”函数。
所以第一个问题是我在父级中的“测试”函数根本没有被执行。也许我不明白应该如何调用父控制器中的测试函数。现在我实际上也没有增加,但是如果我可以触发测试功能,当我到达那个点时,我会增加计数的正确方法是什么?
angularjs - 自定义指令(如 ng-repeat)
我尝试了许多不同的方法来解决ng-repeat
. 包括此处描述的内容:如何“取消观看”表达式
我需要在页面上有一大组行,最多 1000 行。每一行都包含相当多的东西。现在在我看来,它会很慢ng-repeat
,我想我必须构建自己的自定义ng-repeat
或者我必须构建一个指令来构建表格中的每一行......我不知道如何做任何一个。你们能帮帮我吗?你能告诉我一些例子吗?
angularjs - 不使用 ng-repeat 的数组指令
我再次偶然发现性能缓慢,ng-repeat
并且无法弄清楚如何构建一个指令,该指令将在不使用ng-repeat
任何地方(甚至在模板中)的情况下呈现元素数组
那么,你们是怎么做到的呢?
即使我遍历数组,对每个元素都使用模板:
如果我选择为所有元素使用一个模板,那么我别无选择,只能ng-repeat
在其中使用它,它将创建 ngRepeatWatchers 并且一切都会再次变慢。
javascript - 使用角度将多维数组变成多列表
js`,我想将一个数组重复到一个列表中
由此: 这是在服务中:
并从控制器调用对象:
我想这样重复:
我不知道,我怎样才能在一个数组中重复一个数组。响应是一个数组。在响应中有 x 个图像。1 篇文章可以有很多图片。
有人可以帮帮我吗?
angularjs - ng-repeat :按单个字段过滤
我有一系列产品,我正在重复使用 ng-repeat 并且正在使用
按颜色过滤这些产品。过滤器正在工作,但如果产品名称/描述等包含颜色,则应用过滤器后产品仍然存在。
如何将过滤器设置为仅适用于我的数组的颜色字段而不是每个字段?
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 。
提前致谢!
javascript - 如何在 AngularJs 中使用 ng-repeat 过滤(键、值)?
我正在尝试做类似的事情:
AngularJs 部分:
但不知何故,它向我展示了所有项目。如何过滤 (key,value) ?
angularjs - 使用 ng-repeat 创建多级列表
我正在尝试从包含嵌套数据的对象中创建一个多级列表:
为什么这仅输出前 2 级菜单而忽略第三级?
javascript - angularjs ng-repeat 在两个级别上,但只有一个输出
我有一个看起来像这样的大对象:
我想做的是像这样循环遍历大对象:
在循环内部,再次循环每个对象,而不是附加到 DOM 中,例如:
<li></li>
尽管我正在循环播放关卡,但我只想拥有一个。我想要这样的原因是因为我需要key
从第一个循环向下引用级别循环并且仍然只有一个li
.
我读过它ng-repeat="friend in friends | filter:searchText"
可以做我想做的事,但我不确定在过滤器表达式中我是否可以动态指定key
需要的或其他东西,而不是searchText
(我猜这是对象的已知属性)。
所以我的问题是,我可以实现我刚才解释的内容,filter
还是有另一种方法?