问题标签 [angularjs-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 投票
2 回答
1918 浏览

angularjs - 如何在 ng-repeat 的角度指令中预渲染变量?

我尝试创建像网格这样的可重用指令。我想在控制器中定义数据和操作(编辑、删除……)。

问题是如何为ng-repeat.

现在是在行动链接<a href="#edit/{{row.id}}">,但我需要这个<a href="#edit/1>。并且对于删除 ng-click 不起作用。我尝试使用编译,但我无法做到。你能帮助我吗?可能动作可能是列表的子指令,问题是一样的。

这是 plunker 中的实时模板:http ://plnkr.co/edit/O7hXXgQb0Num1xZs5Xrt?p=preview

注意:我知道我可以在 ctrl 中修改动作定义,href:'#edit'但这<a href="{{action.href}}/{{row.id}}">不是很好的解决方案,因为在该指令的其他用法中$scope.data,我可以从中传递给动作的其他参数,并非总是如此{{row.id}}

更新示例:添加了 ng-click 以删除

0 投票
2 回答
7089 浏览

angularjs - 监视 AngularJS 中的过滤事件 - 延迟加载图像

当对 ngRepeat 进行过滤时,我想从我的指令中观察过滤事件。发生过滤时是否会发出事件?

我正在做的是为缩略图列表实现图像的延迟加载。它有效,但是当我开始过滤时,超出视口并在过滤后进入视图的图像需要替换其 ng-src 属性。

这是指令:

HTML

目前我收到此错误:

TLDR: 有没有办法发出某种过滤事件,而不是观察过滤集合的变化?(通过搜索字段和类别选择菜单进行过滤)

0 投票
1 回答
9134 浏览

angularjs - AngularJS:data-ng-model & data-ng-hide/show

我的 index.html 页面如下:

对于这个 data-ng-view 我有另一个页面 recordlist.html 我有以下代码:

我的问题是,当我选中复选框时,我想显示第一个 div,当我取消选中它时,我想显示第二个 div。当 data-ng-model 和 data-ng-hide/show 都在同一页面上时然后它工作正常,但在我的情况下,它出现在两个不同的页面上。

这是正确的吗 ?我该如何实现这一点。需要帮助。谢谢。

0 投票
2 回答
5173 浏览

angularjs - 如何在控制器中完全配置的角度简单独立网格指令中创建?

我需要以角度创建独立的网格指令。数据和动作将在控制器中设置。动作可以引用其他控制器或父控制器中的其他动作。两者都是可能的。


这是现场示例:http ://plnkr.co/edit/efe4notoE1TyONH3W347?p=preview

在 index.html 中

控制器

网格指令。参数call将用于将所有动作功能传递给控制器​​。hrefCompiled动作汇编href(例如#/edit/{{row.id}}

网格.html

这是现场示例:http ://plnkr.co/edit/efe4notoE1TyONH3W347?p=preview

可能这不是最佳实践,但它有效。请帮助我改进它。谢谢。

0 投票
0 回答
348 浏览

javascript - 多个 ng 重复数组之间 DOM 元素的 ng 动画移动

认为:

  • 有多个对象;
  • 有多个数组;
  • 数组可以引用对象;
  • 对象只能(并且将)被引用一次。

简单地说——对象一次可以“存在”在一个数组中。

通过将特定对象从一个数组“移动”到另一个数组,该对象保持不变。

问题是 -当对象“移动”时, AngularJS在每个 -ed 数组中为同一个 JS 对象制作不同的 DOM 元素。ng-repeat

问题- 鉴于这种情况,是否有可能清楚地ng-animate从一个ng-repeat到另一个?

我做了一个没有这个清晰动作的预览小提琴。

PS 有更多声誉的人应该添加angularjs-ng-animate标签。:-)

0 投票
3 回答
10963 浏览

angularjs - 在 ng-repeat 中动态添加指令

我正在尝试在 ng-repeat 中动态添加不同的指令,但是输出并未被解释为指令。

我在这里添加了一个简单的例子:http: //plnkr.co/edit/6pREpoqvmcnJJWzhZZKq

控制器:

指示:

html:

如何使角度拾取class通过 ng-repeat 输出的指令中指定的指令?

0 投票
1 回答
17811 浏览

angularjs - 过滤后从列表中删除项目

我有以下问题:

我创建了一个列表,允许用户从列表中删除一个项目,如下所示:

在此处输入图像描述

当用户点击垃圾桶图标时,该项目被正常删除。问题是当用户使用顶部的过滤器时。

在此处输入图像描述

在这种情况下,如果我删除数字 6565(原始列表中的索引 4,过滤列表中的 1),删除的项目在原始列表的索引 1 上,导致删除编号为 #564456 的寄存器

这是我的点击删除调用:

这是我的 html 模板:

我也尝试使用代码:$scope.ownsCoupons.splice(coupon, 1);没有成功。

有谁知道如何解决这个问题?

我使用以下参考进行了编码:AngularJS How to remove an Item from scope

[编辑]

我为此创建了一个 Plunker:http ://plnkr.co/edit/Fhxp6uZyTJCY05CAQ7yA?p=preview

0 投票
1 回答
4482 浏览

angularjs - 如何在指令中插入 $compile'd HTML 代码而不会出现 $digest 递归错误?

我有一个指令,根据ng-repeat项目数据(来自数据库),使用开关盒构建自定义 HTML:

上面的代码有效,但函数内部的可绑定{{step.title}}不起作用。我试过$compile(html)($scope)了,但它给了我一个Error: 10 $digest() iterations reached. Aborting!. 我该怎么处理这个?

0 投票
3 回答
4777 浏览

arrays - Angular:获取json对象的最后3个元素

我有一个页面列出了一个项目并让用户向它添加评论。

  1. 在该页面上,我想显示添加的最后 3 条评论。关于如何从 JSON 对象获取最后 3 条评论的任何提示?
  2. 另外,在添加新评论时,我如何增加评论编号(现在是硬编码)?

查看我的代码:http ://plnkr.co/edit/iOBXuQVY40LD8d8QV5ss?p=preview

谢谢

0 投票
1 回答
102 浏览

angularjs - angularjs 如何对范围内对象的变化做出反应?

如果有一个视图显示数组中的元素,并且数组增长了;角度如何刷新 DOM?它只是将新元素附加到现有视图还是重新创建整个事物?

我担心如果我继续向列表中添加东西,我可能会遇到Schlemiel the Painter 的算法......