问题标签 [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.
javascript - Angular.js - 当前在 ng-repeat 中选择的选项的值
我有条目,他们的 json 对象看起来有点像这样
然后我有活动,他们的 json 对象看起来像这样
现在我正在渲染这样的条目
其中活动是一个看起来像这样的指令
现在我需要做什么才能在我的 ng-repeat 中打印速率?因为它是指令内部某些东西的属性,但我需要将它打印在指令之外。
谢谢..
angularjs - 在使用 ng-repeat 以角度呈现的表中推送行
当客户端单击行时,我想在表格中插入额外的行。不应预取数据,因为我预计最多有 30 行,但每行都有关联的数据,这些数据一次获取是不合理的。
到目前为止,我的方法是使用 ng-repeat 来迭代我的集合并呈现一个表格。当客户端按下该行时,客户端期望该行的详细信息以内联方式显示为按下的行下方的额外行。
我已经设法用 ng-show 以一种骇人听闻的方式在表格下方显示了详细信息,但这不是我想要的。
您如何使用 angular.js 完成此任务?这样做的角度是什么?
这是一个愚蠢的壁球场示例http://jsfiddle.net/HByEv/
javascript - ng-repeat 中的 Angularjs 函数调用了项目长度的更多倍
这种行为正常吗?http://plnkr.co/edit/P1TsiIJbV3MvAjHuJRmF?p=preview - 集合中的两个项目和 ranTimes 被调用 20 次或更多次..
angularjs - 如何拥有两个使用 Angularjs 的 ng-repeat 标记每次重复
我有以下菜单项
如何使用 ng-repeat 为每个元素获取以下输出(mi 是数组 menuItems 中的一个项目(上面给出了数组定义)。
angularjs - AngularJS - 将元素附加到指令内的每个 ng-repeat 迭代
我在<tr>
元素内使用 ng-repeat 和指令。
html:
指示:
尽管我可以<tr>
在每次迭代中附加一个新元素,但在将 Angular 代码添加到 DOM 后(例如 ng-show 中的 ),我无法执行它<tr>
。我错过了一些明显的东西吗?
javascript - 如何在自定义指令中显示一个空模板
我正在研究一个自定义指令,当范围内没有任何内容可显示时,该指令将显示嵌入的空模板 - 就像在这个plunker中一样。
我无法删除 ng-repeat 中的空模板,也无法仅在没有数据时显示空消息。没有可显示的内容时,如何显示空模板?
angularjs - ngRepeat 更新后的指令
当 ng-repeat 完成更新时,我在触发指令时遇到了一些 AngularJS 问题。我有三个命名数组,通过三个链接切换到,允许 ng-repeat 显示所选数组。我想在完成后触发一些代码,因为我打算设置一些元素属性供 D3 使用。
我已经尝试在我的指令中检查 scope.$last ,但这并不是在每个 ng-repeat 进程结束时调用的。如果某些数据保持不变,它可能不会将 scope.$last 设置为 true。
http://plnkr.co/edit/hwmOlI6YrgS4H1C1h7k2?p=preview
那么,当 ng-repeat 完成时,在指令中触发代码的最佳方式是什么?
dom - 在angularjs中通过$scope获取html属性
好的,所以我正在使用 ng-include 和 ng-repeat 在 AngularJS 中创建一个递归列表,如下所示:
但是,当然,它不起作用。所以基本上我需要的是 dom 中的每个 <li> 元素都有对应的 id,如下所示:
这样每个新的 <li> 的 id 都等于“其父级的 id”+“-$index”。我知道这将起作用的是 scope.layer[] 及其图层后代包含一个字段,该字段将保存 < li> 的 ID 并显示它,但我想避免在数据库中保存该额外字段,因为解决方案是非常简单(如示例所示),但我无法克服语法。有什么建议么?
angularjs - 尽管小心,角度选择添加空元素
我有这个html:
还有这个模型代码(使用 jresig 的Class
迷你库)
但是,我的选择中仍然有一个空元素。根据到目前为止我在 SO 上看到的所有答案,这显然是您的模型值包含不正确值时的行为。然而:
- 我在一些
console.log
语句中添加了检查值 - 肯定会调用此代码,因为
availableTypes
正在设置 - 它把它从它循环的数组中拉出来。这怎么可能是一个不正确的值?
- 即使我将 ng-selected 拉出,它仍然存在
- 如果我使用 ng-options 而不是循环遍历它们,它仍然存在(尽管这意味着我不能将值设置为与文本相同而不将其转换为对象)
任何线索都非常感谢。
詹姆士
html - 使用Angular ng-repeat从选择元素多次调用onselect
我使用 HTML 选择元素来显示其中包含枚举值的实体字段。
在页面中,我有多个实体字段,因此有多个选择元素。
我使用 Angular ng-repeat 来显示每个字段,方法是在我的表格行的 ng-repeat 中创建一个选择。当从任何下拉列表中选择项目时,我想捕获“onselect”事件,问题是,每当用户在一个下拉列表中选择一个值时,该事件都会为页面上的所有下拉列表触发。
我的html:
我的控制器:
我的小提琴:
祝你好运。我们都指望着你。