如何使用 angularjs 在下拉列表更改后检查数据保存

How to use angularjs to check for data save after dropdown change

本文关键字:检查 数据 保存 何使用 angularjs 下拉列表      更新时间:2023-09-26

AngularJS和Stack来说非常新,所以我希望我的措辞是正确的。

具有可编辑文本输入的 SPA。
两个选择下拉列表控制显示的数据,一个用于时间段,另一个用于位置。显示的数据会根据下拉列表中选择的内容而变化。

如何检查页面是否有数据更改,并在用户单击其中一个下拉列表以加载新数据时警告用户未保存的更改(如果有)? 例如,表单显示一个位置的数据,用户更改它,但是当他们单击下拉列表更改为另一个位置(不先保存)以加载/查看新数据时,需要警告他们有未保存的数据。

感谢任何和所有提示和帮助。

您可以将

所选对象保存为 json,例如

angular.toJson

然后检查新对象是否匹配存储在ng-change中。这是我的小演示:http://plnkr.co/edit/XMRM3mxKyO5rVD646BJa?p=preview