如果页面的任何字段被更改,请选择发送请求的端点

Choose endpoint to send request if any field of the page was changed

本文关键字:请选择 请求 端点 任何 字段 如果      更新时间:2023-09-26

假设我们有SPA。SPA由几个动态页面组成。此外,每个页面都有一个表单。

我需要保存数据一旦任何字段被改变(例如用户输入的东西,我们需要立即)。

主要问题是一些字段必须向一个端点发送数据,而一些字段向另一个端点发送数据

同样,如果某个字段被更改,控制器中有一个$watch,并且控制器为另一个字段设置了一些值,这些更改也需要保存。

在这种情况下我能做什么?有很多字段,所以我不想为每个字段设置一个$watch

另一种选择是使用ngChange。因为你没有发布任何代码,所以很难显示代码,但是使用ngChange将允许你根据需要将事情变得通用或颗粒化-一组输入可以使用相同的ng-change函数,或者你可以为单个输入字段使用ng-change函数。

连接"第一组"输入以使用groupOneChanged

<input type="text" ng-model="somethingAwesomeForSure" ng-change="groupOneChanged()">
<input type="text" ng-model="somethingElse" ng-change="groupOneChanged()">

连接"第二组"的输入以使用groupTwoChanged等。

$scope.groupOneChanged = function() {
  // make your api call for group one
};
$scope.groupTwoChanged = function() {
  // make your api call for group two
};