angularjs 中的更改感知列表
Changes-aware list in angularjs
我正在对现有的angularjs代码做一些工作,我有一些类似的东西:我在客户端有一个对象列表,我通过put
请求将其传输到服务器端。
现有代码只是获取$scope
中的对象列表,并将其按原样放入 json 中。
我想实现一种机制,其中仅发送自某些事件以来已更改的对象。
我可以硬编码地执行此操作并保存另一个对象列表并在提交更改时清除它,但我想要更干净的东西 - 例如,更改感知列表,
然后,我可以做一些list.changedObjects
的事情。
我似乎无法从基础研究中找到类似的东西,所以我希望你们能对此有所了解。
我觉得这是Observer pattern
的一个用例。 https://github.com/melanke/Watch.JS 有一个库/示例来观察javascript对象的变化。然后,您可以在Angular
中触发事件以相应地完成您的工作http://jsfiddle.net/2zT4C/23/
$watch有助于倾听$scope变化
然后,AngularJS可以根据watch函数上次返回的值检查返回的值。这样AngularJS就可以确定值是否发生了变化。
$scope.$watch('list', $scope.sendNewList, true);
如果对象的新值不等于对象的旧值,即如果它已被更改,它将更新 innerHtml。
有关详细信息,请查看此内容 - $watch() 或$watch
AngularJS监视对象数组以进行数据更改
相关文章:
- 要求输入在数据列表中
- 从javascript创建一个列表
- 如何使用jQuery选择下拉列表的值
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- 如何使用json将对象列表从java转换为javascript
- 区分JSON中的矩阵和列表列表
- jQuery表单添加不适用于下拉列表
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 接受不在列表中的值-引导组合框
- 禁用jQuery中的下拉列表
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 如何在javascript中迭代数字列表
- 如何在按钮中显示下拉列表中选定的元素
- 为什么HTML5拖放的目标是孩子?(可排序列表)
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- angularjs 中的更改感知列表