问题标签 [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 - AngularJS ng-repeat 重复元素
由于某些奇怪的原因,此jsfiddle 示例中的代码在迭代关联值数组时复制了元素。输入字段正确显示 3 个名称,但每个名称的字段重复 3 次。更令人困惑的是,{{ p.name }}
显示的值与ng-model="p.name"
每次迭代时的不同。该索引显示 0、1 和 2 各 3 次。为什么每个元素会有 3 次迭代?
控制器:
HTML:
关于这段代码有什么问题的任何想法?
angularjs - 仅当索引大于 1 时才在重复列表中显示按钮
我有一个 ng-repeated 列表,仅当 $index 大于 1 时,如何在列表中显示按钮?
plunkr 开始使用:Plunkr
angularjs - 设置选择菜单默认选项
我有一个从 ng-repeat 生成的选择菜单。我注意到它从 3 开始。这并不理想,我怎样才能将其默认设置为 1 个孩子?
需要注意的是,我需要能够从该房间对象中获取其他不相关代码的索引号。
Plunker在这里:链接
angularjs - AngularJS:绑定到 ng-repeat 模糊了转发器内的输入
我在这里有一个与此类似的问题: https ://groups.google.com/forum/#!msg/angular/eB19TlFHFVE/Rlh--XImXeYJ
这是小提琴:http: //jsfiddle.net/KGu9n/25/
我的问题是我还有一个保存功能,在用户输入时会被调用。
所以我有这样的东西(后端可能对 $scope.piece.movements 进行了操作。当对象作为 response.data 返回时,它会重新设置 $scope.piece.movements 并失去焦点观点。
任何帮助都会很棒!如果有人知道我如何在 fiddle/plnkr 中模拟帖子/保存,我会很乐意更新我的 fiddle。
angularjs - 输入中的角度值绑定到模型变量
我需要帮助在我的代码中发现问题。Angular.js 为我将输入值与ng-model绑定,这不是我想要的。我有一个带有 ng-include 的角度中继器,如下所示:
包含的项目模板是一个简单的输入字段,基于 item.template。有问题的标签是 <textarea> 和 <input> 对我来说。
即我包括这个:
该项目看起来像:
所以当上面的东西渲染时,我得到
但问题是,在我的输入字段中,我将项目编号作为值,如果我更改值,我的标签也会更改。即使我输入value=""或placeholder="blah",我仍然会得到这种行为。
我还没有走那么远,但我想模型也用数字更新了。
我在那里做错了什么?
angularjs - 在 ng-repeat 中向 ng-click 函数添加参数似乎不起作用
我有一个简单的循环,ng-repeat
如下所示:
控制器中有一个功能$scope.removeTask(taskID)
。
据我所知,Angular 将首先渲染视图并用{{task.id}}
数字替换插值,然后在单击事件时评估ng-click
字符串。
在这种情况下ng-click
,完全符合预期,即:ng-click="removeTask(5)".
但是......它没有做任何事情。
当然,我可以编写代码task.id
从$tasks
数组甚至 DOM 中获取,但这似乎不像 Angular 的方式。
那么,如何将动态内容添加到循环ng-click
内的指令中呢?ng-repeat
angularjs - Angular:如何在 ng-repeat 循环中通过 XHR 请求加载图像
我正在尝试创建一个通讯录,其中每个人都可以拥有一张照片。因为我想在获取照片之前显示联系人,所以我会写类似
我会尝试调用我范围内可用的 get_photo(person) 。
这不起作用,因为它将函数绑定到 ng-src 并在每次调用 ng-repeat 时调用 get_photo 。
我终于尝试在初始化 DOM 元素时调用 get_photo 并将结果存储在特定属性 photo
有没有更简单/更清洁的方法来做同样的事情?我还创建了一个 jsFiddle:http: //jsfiddle.net/V4Mss/
非常感谢您的反馈!
t00f
javascript - ng-repeat 数据绑定中的 AngularJS 问题
设想
我有一个使用 ng-repeat 的转发器,它绑定到一组动态/运行时计算值。(即,我的数组包含像 Brokerage 这样的字段: ($scope.BuyValue() + $scope.SellValue())* 0.5/100 )。
问题
当我更改具有 ng-model 的输入框中的值时,转发器内的字段 Broker.Brokerage 不会被刷新。但我能够正确更新/绑定中继器之外的字段。
代码
angularjs - ng 重复模板导致 404(未找到)
我有一个 ng 转发器,我为文章列表页面定义了一个列表项模板:
当我检查控制台时,我看到文件images/news/{{article.id}}.jpg的 404 not found 错误
我怎样才能防止这个问题?
谢谢
arrays - 如何在 ngRepeat 数组之间推送 AngularJS 中的对象
所以我是 AngularJS 的新手,我正在尝试构建一个非常简单的列表应用程序,我可以在其中创建一个 ng-repeat 项目列表,然后将选定的项目推送到另一个 ng-repeat 列表中。虽然我的问题似乎很简单,但我还没有找到合适的解决方案。
所以这里是简化的标记:
这是我的 AngularJS 脚本:
因此,当我单击按钮时,我的 toggleChecked() 函数会触发,它实际上会将某些内容推送到我的选中列表中。但是,它似乎只是一个空对象。该功能无法获取我要推送的实际项目。
我在这里做错了什么?
注意:旨在通过单击按钮检查项目。在这种情况下,我不想使用复选框。
你可以在这里看到工作模型:http: //jsfiddle.net/7n8NR/1/
干杯,诺曼