问题标签 [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 回答
2568 浏览

javascript - 使用 ng-repeat 添加/删除 DOM 元素

我在 Angularjs 中有一个问题,我尝试使用 ng-repeat 为用户添加/删除 DOM 元素输入和按钮,因此他们可以使用按钮添加或删除输入元素。

事实上,我的代码就是为此做的。

这是html代码:

javascript代码:

但是当用户删除该项目时,此代码有一个错误,Angulayjs 只删除最后一个。

如果我设置:

它在[0]~[4]中工作得很好,用户可以按索引删除项目,但在[5]~[X]中不行(删除最后一个)

为什么?

PS如果我设置:

它在[0]~[4]中工作得很好,用户可以按索引删除项目

然后我们得到:

如果我们使用添加输入

然后我们得到:

我想我通过杂技解决了我的问题:

这确实很好用,但为什么呢?不知道...

0 投票
2 回答
20138 浏览

angularjs - 如何在 ngRepeat 中延迟 ngAnimate

当使用 ngAnimate 淡入 ngRepeat 中的每个项目时,当前所有项目同时淡入。是否有可能在前一个项目褪色到例如 50% 后,每个项目都淡入,从而导致级联效果?

使用 ngAnimate 如果可以延迟每个项目的动画效果会很好,例如:

有没有办法解决这个问题?

谢谢!

添加到 GitHub https://github.com/angular/angular.js/issues/2460

0 投票
1 回答
3005 浏览

angularjs - ng-repeat:添加具有效果的新元素

目前我正在使用 ng-repeat 来显示一个部门。

在我的控制器中,当我向页面中显示的项目添加一个项目时。但它只是显示新内容。我想要的是在添加时显示效果,就像新 div 在添加到页面时应该向下滑动一样。我怎样才能实现它?

0 投票
1 回答
1413 浏览

angularjs - 使用 $resource 保存后如何从 $scope ng-repeat 更新项目

我有一个显示项目列表的角度视图,每个项目都有两个按钮将每个活动设置为暂停/开始。我知道这是 angular $resource 的一个非常基本的问题,但是我无法在成功 $start 时更新项目(在成功回调中,我无法访问与该项目相关的任何内容)。

在我的观点中:

0 投票
16 回答
224556 浏览

angularjs - 如何使 ng-repeat 过滤掉重复的结果

我正在运行一个简单的ng-repeatJSON 文件上运行一个简单的程序,并希望获取类别名称。大约有 100 个对象,每个对象属于一个类别 - 但只有大约 6 个类别。

我目前的代码是这样的:

输出是 100 个不同的选项,大部分是重复的。如何使用 Angular 检查是否存在{{place.category}}已存在,如果已存在则不创建选项?

编辑:在我的 javascript 中$scope.places = JSON data,只是为了澄清

0 投票
1 回答
505 浏览

angularjs - 如何删除AngularJS ng-src添加到url的正斜杠

我有一个使用以下代码的应用程序

但是最终结果在 src 属性中添加了一个正斜杠,它看起来像这样

请注意 http 之前的正斜杠。有什么办法可以删除它还是我做错了什么?

0 投票
1 回答
772 浏览

angularjs - AngularJS - 在子指令中包含和访问 ng-repeat 过滤列表,

我想平铺进入的元素(根据过滤列表ng-repeat设置它们)css

理想情况下,我想像这样使用 html 标记:

  1. 我是否可以访问正在传递给的列表ng-repeat?(AngularJS 以外的任何其他方式- 如何获取 ngRepeat 过滤结果参考
  2. 我可以以某种方式transclude处理这些项目,因此该tile指令实际上会应用 css(我想抽象ng-style="{top:getTop(item),left:getLeft(item)}"等)
0 投票
1 回答
1144 浏览

javascript - Angular.js 过滤器和函数作用域每秒都在变化

问题。我有一个条目表($scope.entries),每行(ng-repeat)有 5 列,其中 2 列有针对各种转换的定制过滤器。

现在在同一个范围内,我有 active_entry( $scope.active_entry),它每秒钟都在变化,因为它以及 angular 的工作原理(我猜),整个范围都在不断检查,我的过滤器也被执行。

这导致Batarang 中的Watch Expressions随着时间的推移而高涨。

如何使用为 active_entry 创建某种隔离范围,这样我的过滤器就不会每秒一遍又一遍地渲染?

制定指令是创建隔离范围的唯一方法吗?它会起作用吗?如果我稍后在控制器中需要来自隔离范围的值怎么办?

0 投票
2 回答
2187 浏览

javascript - Angular.js 更复杂的条件循环

目标是创建这个

由此

问题是 ng-repeat 必须打开,li所以我永远无法使用 ng-repeat 执行此操作,对吗?我从 Mark Rajnoc那里找到了这个http://jsfiddle.net/mrajcok/CvKNc/示例,但它仍然非常有限..

我还有什么其他选择?编写我自己的 ng-repeat 指令?或者有没有另一种方法可以做到这一点而不写一个?

0 投票
0 回答
150 浏览

angularjs - AngularJS - 过滤器可以改变结果吗?

是否可以对过滤器mutate的结果进行过滤?假设我想编写一个过滤器,它实际上会在上一个列表中添加一些东西

我接下来要做的是:

这样做安全吗?我担心这可能会导致多个$digest()$apply()

编辑

可能这里的主要问题是,我每次都必须返回同一个对象(因为$watch会比较===,并且 afaik 在第一次渲染时至少有 2 个$digest正在进行)。因此我不能generate过滤器中的对象 - 会导致无限循环。我对吗?

generate过滤器中的额外结果是否有任何选项?我可以以某种方式缓存它们,或者欺骗角度认为它们是相同的吗?