问题标签 [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 投票
5 回答
27732 浏览

angularjs - 为 `ng-repeat` 中的每个项目赋予唯一的 id 以进行 DOM 操作

在相关的 Angular 指令中

我正在执行 DOM 操作,我需要 ng-repeat 元素的唯一 ID。还请建议是否也可以以任何其他方式执行 DOM 操作。

编辑:@tymeJV:-

// 指令代码:- 增加高度<div class = 'ques'>

0 投票
2 回答
543 浏览

angularjs - AngularJS:模型加载后应用函数

我打印从列表中的服务获得的数据集。没关系。

所以,我有两个函数,*paint_other_avatars()* 和 *paint_more_participants()*,(它们是 http 调用)在每个项目中获取一些真实数据。

我的问题是 AngularJS 在获取所有数据之前不会呈现列表,因此页面需要大量加载。我想避免这种延迟。

最初,我计划通过一次调用来增强我的 SQL 查询以获取所有需要的数据,但现在我认为如果我异步执行它们或在此辅助调用之前呈现列表,那么这么多调用并不是那么糟糕。

我知道我的问题之一是在ng-init()中设置调用,但我不知道像ng-after()这样的任何指令

这是我的代码简化:

为 j_walker_dev 编辑:

嗯,我正在尝试您的解决方案,但我发现了一个问题

我猜这种类型的调用是异步的,所以如果我把

该程序没有进入 forEach,因为它没有时间去做。可能是这样?

0 投票
1 回答
47 浏览

javascript - Angular JS - 从重复中变大

我有一个元素列表,

我的问题是,我可以在 loan.days 中的最大数字上添加一个特殊的 html 标签吗?

预先感谢。

0 投票
2 回答
2353 浏览

javascript - Angularjs ng-repeat 有条件

假设我有 10 个文章对象数组,每个对象都有自己的文章标题(假设其中一些具有相同的标题)

当我执行 ng-repeat="art in Articles" 和 {{ art.article_title }} 时,它会打印标题 10 次,这不是我想要的。

我想做类似的事情

Title-1: 第 1 条 第 2 条 第 3 条

Title-2:第 4 条第 5 条......

如果文章具有相同的标题,则类似的东西。

谢谢

0 投票
1 回答
2603 浏览

angularjs - ng-repeat,指令和点击。它们如何结合?

我想捕获按钮的单击事件。button 的 id 是在 ng-repeat 中动态生成的。


按钮 4
按钮 3
按钮 2
按钮 1

我在哪里放置my-dir指令属性/类?

以上不起作用。

多次执行链接功能。

/* 下面的代码更详细,如果上面的语句不够清楚 */

指令是

使用ng-repeat该类my-dir可以放在 ng-repeat 的范围内或之外

案例 1:my-dir 不在 ng-repeat 范围内

现在上面的代码$('.set').on('click', function() { alert('button clicked');});没有被执行!

案例 2:my-dir 在 ng-repeat 中

(在控制器中)$scope.buttons=['4', '3', '2', '1']

现在,当您按下button 4“按钮单击”时,会在警报框中显示 4 次。button 33次以此类推。

0 投票
1 回答
321 浏览

angularjs - ngRepeat 内部的指令不更新

我试图让一个自定义指令在 ngRepeat 内部工作,但无法让显而易见的工作。在这种情况下,我不“相信”我想隔离范围。我怀疑这只是框架无知的问题,但似乎无法弄清楚。我在这里要显示:http://plnkr.co/edit/LNGJHtbh7Ay0CYzebcwr

0 投票
1 回答
4049 浏览

angularjs - Angularjs - 动画重复元素的孩子

朋友们,

我正在为这个问题打我的头,我希望你能帮助我。我正在尝试使用 angularjs 1.2rc1 为重复元素的子元素设置动画(也许这已经改变了?),或多或少像这样:

我想要的是让孩子在进入和离开的重复行内移动。因此,根据文档,我尝试了这样的选择器:

这不起作用,并且 angular 不会将元素识别为动画。如果我将过渡直接分配给动画行元素(而不是其子元素),那么除了在父子和子元素上重复过渡之外,我无法使用任何 CSS 选择器组合为子元素设置动画,但这似乎不起作用在FF上。

有任何想法吗?也许我遗漏了一些明显的东西,但我似乎无法得到答案。

感谢您的任何意见!最好的祝福,

拉斐尔·波利特

0 投票
1 回答
170 浏览

ruby-on-rails - angularjs ng-repeat 中的 Ruby 语句

我需要做这样的事情:

不幸的是,我似乎做不到。我应该如何获得想要的结果?

0 投票
0 回答
223 浏览

angularjs - Angular:通过在 ng-repeat 中单击一个来更改元素的类别

里面有ng-repeat很多里。上面的 li 可见,而次要的 li 不显示。通过点击一个上里,小里应该变得可见/不可见。所有的 li 在他们的代码中都是相等的,这意味着没有嵌入代码来表明谁是优越或次要的。它们只能通过 id 来区分。上级 li 的 id 为 1,而次要的 id 为 1.1。

我尝试了几件事,但卡住了。任何建议表示赞赏!提前致谢!

0 投票
1 回答
117 浏览

angularjs - 角度是否允许 ng-repeat 实例的内置参考?

角度是否区分了p我们可以参考的下面的实例?

另一种方法是做类似的事情

参考每个重复p。ng-repeat 是否提供任何内置的引用、重复功能?

PS:-代码是用玉写的。

等效的html:-<p ng-repeat='item in items', id={{$index}}> {{item}} </p>