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

javascript - AngularJS:只刷新一个来自 ng-repeat 的 div

我在一个页面中有多个 div。每个 div 包含不同的 id。在每个 div 中都有一些高图表,还有一些用于过滤结果的链接。每个 div 来自 angularJS 的 ng-repeat,如下所示:

<li id="{{record.id}} "ng-repeat = "record in records">

此列表中的 div 之一类似于以下结构:

我在同一页面上的脚本如下:

现在我的问题是,当我点击编辑时,它会询问标准,当我输入登录时,饼图被登录栏图表替换,但当时整个页面正在刷新。

我希望只有具有 id="criteria" 的 div 会被刷新。

我已经尝试过,但这不起作用:

需要帮助。谢谢。

0 投票
1 回答
4951 浏览

javascript - Angular.js 更改一项 ng-repeat 导致所有其他项目上的过滤器运行

我仍然遇到同样的问题,ng-repeat 中的过滤器和函数一直被调用。

此处的示例http://plnkr.co/edit/G8INkfGZxMgTvPAftJ91?p=preview,只要您在一行中更改某些内容,someFilter就会调用过滤器 1000 次。

显然这是因为子范围的任何更改都会冒泡到其父范围,导致 $digest 运行,导致所有过滤器运行(https://stackoverflow.com/a/15936362/301596)。那正确吗?在我的特定情况下如何防止它发生?

如何使其仅在已更改的项目上运行?

在我的实际用例中,即使更改甚至不在 ng-repeat 的项目上也会调用过滤器,它是如此毫无意义,它实际上会导致性能问题..

// 编辑从 plunker 中清除了所有不必要的东西 http://plnkr.co/edit/G8INkfGZxMgTvPAftJ91?p=preview

0 投票
1 回答
2370 浏览

angularjs - 使用 ng-repeat 时,在删除列表项时未删除被嵌入的元素

我有一个小部件,我正在使用ng-repeat. 初始创建工作正常,但之后它停止更新。以下是摘录index.html

部分/node.html:

和指令:

如果我像这样修改控制台中的节点列表:

...然后$destroy回调运行,但呈现的元素不会改变。我的指令中有什么遗漏吗?

演示:Plunker

0 投票
2 回答
3697 浏览

javascript - 添加分页后AngularJS中的自定义过滤器

在对我的 ng-repeat 列表实施分页后(在过滤后更新 AngularJS 中的分页

我的自定义过滤器现在有问题

我需要这个过滤器来搜索多种语言(选择两种或多种语言)。如果我将过滤后的 = (list | filter:search)中的数据替换为 list 中的数据,您将看到它正在工作。但我需要过滤我的分页。

jsFiddle: http: //jsfiddle.net/StinsonMaster/SuEX6/4/(基于上一个线程的小提琴

0 投票
4 回答
87442 浏览

javascript - AngularJS:显示加载 HTML,直到加载数据

在数据加载完成之前,如何让 AngularJS 显示加载微调器?

如果我的控制器已$scope.items = [{name: "One"}]静态设置,并且填充了 AJAX 加载器$scope.items[0]['lateLoader'] = "Hello",我希望微调器显示直到 AJAX 加载完成,然后使用检索到的数据填充绑定范围。

此代码立即填充绑定跨度,并且作为item.lateLoader空的微调器被替换为空。

我应该如何干净地做到这一点?

0 投票
1 回答
359 浏览

angularjs - 在 Angularjs 模板中应用动态过滤器

我正在根据用户定义的列定义构建一个表,如下所示:

http://jsfiddle.net/waylon999/2RvmW/1/

您会注意到我无法应用的列中有一个过滤器字段。我试过了:

在 chrome 中出现以下错误: Unknown provider: col.filterFilterProvider <- col.filterFilter

我还尝试修改 getItem 方法来构建过滤器字符串,但它最终只是渲染了

作为文本,附加到文本中。所以我得到如下输出:

福 | 大写

有没有办法可以应用这个过滤器来构建表格?

0 投票
1 回答
747 浏览

javascript - 为什么这个分组角度过滤器会导致摘要循环?

我正在尝试一次显示 N 个项目中的一堆项目。我需要对项目进行分块,因为标记必须是表格/网格的(每组 N 个项目有一行,然后每个项目有一列)。这是一个简化的尝试:

(完整版在这里:http: //jsfiddle.net/bradleybuda/twhVj/3/

这会导致“达到 10 个 $digest() 迭代”错误。我已经查看了这个问题的公认答案,但那里的建议对我不起作用(除了核对过滤器并在控制器中执行所有操作)。有没有办法让这种 ng-repeat 与模板/过滤器一起工作?在控制器中执行此操作感觉很难看。

0 投票
1 回答
718 浏览

php - 在 AngularJS 中使用 ngRepeat 控制台出错

我是 AngularJS 的新手,我遇到了一个小问题。

这是我的代码:

JS:

HTML:

从 getappinfo.php 我得到一个 json 数组,里面有几个对象……它们都有'name'和'logo'属性。一切正常。

但是我仍然有一个困扰我的小问题: 控制台出错

这是我在 Google Chrome 控制台中遇到的错误。

我了解此错误的原因。但我不知道如何摆脱它......

0 投票
1 回答
557 浏览

angularjs - AngularJS:ng-repeat 中的范围

我正在尝试动态地包含一些部分内容。我意识到可能还有其他方法可以做到这一点,但我想了解为什么这种方法行不通。

我有一个这样定义的控制器:

如果我执行我的代码的静态版本,一切正常:

但是,如果我尝试使用 ng-repeat 复制它,它会默默地失败:

同样,在此示例中,遍历数组并仅使用 $index 并没有多大意义,但让我感到困惑的是底层范围断开连接。谁能给我建议?

0 投票
1 回答
2335 浏览

angularjs - Angular JS:ng-repeat 未在 ng-view 内更新

当我更新变量 $scope.userMovies 中的数据时,如果在 ng-view 中,ng-repeat 不会更新。在 ng-view 之外,它会正确更新。

我错过了什么 ng-repeat 不能按我的预期工作?

更新: 根据要求,我将代码移至 Plunker 以更好地理解我的问题: Plunker 代码示例

更新: 解决了将变量 userMovies 保存在 rootScope 中的问题。