问题标签 [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.
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 以删除
angularjs - 监视 AngularJS 中的过滤事件 - 延迟加载图像
当对 ngRepeat 进行过滤时,我想从我的指令中观察过滤事件。发生过滤时是否会发出事件?
我正在做的是为缩略图列表实现图像的延迟加载。它有效,但是当我开始过滤时,超出视口并在过滤后进入视图的图像需要替换其 ng-src 属性。
这是指令:
HTML
目前我收到此错误:
TLDR: 有没有办法发出某种过滤事件,而不是观察过滤集合的变化?(通过搜索字段和类别选择菜单进行过滤)
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 都在同一页面上时然后它工作正常,但在我的情况下,它出现在两个不同的页面上。
这是正确的吗 ?我该如何实现这一点。需要帮助。谢谢。
angularjs - 如何在控制器中完全配置的角度简单独立网格指令中创建?
我需要以角度创建独立的网格指令。数据和动作将在控制器中设置。动作可以引用其他控制器或父控制器中的其他动作。两者都是可能的。
这是现场示例:http ://plnkr.co/edit/efe4notoE1TyONH3W347?p=preview
在 index.html 中
控制器
网格指令。参数call
将用于将所有动作功能传递给控制器。hrefCompiled
动作汇编href
(例如#/edit/{{row.id}}
)
网格.html
这是现场示例:http ://plnkr.co/edit/efe4notoE1TyONH3W347?p=preview
可能这不是最佳实践,但它有效。请帮助我改进它。谢谢。
javascript - 多个 ng 重复数组之间 DOM 元素的 ng 动画移动
认为:
- 有多个对象;
- 有多个数组;
- 数组可以引用对象;
- 对象只能(并且将)被引用一次。
简单地说——对象一次可以“存在”在一个数组中。
通过将特定对象从一个数组“移动”到另一个数组,该对象保持不变。
问题是 -当对象“移动”时, AngularJS在每个 -ed 数组中为同一个 JS 对象制作不同的 DOM 元素。ng-repeat
问题- 鉴于这种情况,是否有可能清楚地ng-animate
从一个ng-repeat
到另一个?
我做了一个没有这个清晰动作的预览小提琴。
PS 有更多声誉的人应该添加angularjs-ng-animate
标签。:-)
angularjs - 在 ng-repeat 中动态添加指令
我正在尝试在 ng-repeat 中动态添加不同的指令,但是输出并未被解释为指令。
我在这里添加了一个简单的例子:http: //plnkr.co/edit/6pREpoqvmcnJJWzhZZKq
控制器:
指示:
html:
如何使角度拾取class
通过 ng-repeat 输出的指令中指定的指令?
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
angularjs - 如何在指令中插入 $compile'd HTML 代码而不会出现 $digest 递归错误?
我有一个指令,根据ng-repeat
项目数据(来自数据库),使用开关盒构建自定义 HTML:
上面的代码有效,但函数内部的可绑定{{step.title}}
不起作用。我试过$compile(html)($scope)
了,但它给了我一个Error: 10 $digest() iterations reached. Aborting!
. 我该怎么处理这个?
arrays - Angular:获取json对象的最后3个元素
我有一个页面列出了一个项目并让用户向它添加评论。
- 在该页面上,我想显示添加的最后 3 条评论。关于如何从 JSON 对象获取最后 3 条评论的任何提示?
- 另外,在添加新评论时,我如何增加评论编号(现在是硬编码)?
查看我的代码:http ://plnkr.co/edit/iOBXuQVY40LD8d8QV5ss?p=preview
谢谢
angularjs - angularjs 如何对范围内对象的变化做出反应?
如果有一个视图显示数组中的元素,并且数组增长了;角度如何刷新 DOM?它只是将新元素附加到现有视图还是重新创建整个事物?
我担心如果我继续向列表中添加东西,我可能会遇到Schlemiel the Painter 的算法......