AngularJs -当该页面上的数据发生变化时更新另一个页面

Question

我有两个页面，由两个不同的控制器在同一个ng-app中控制。

让我们假设它们是：

app.com/budget/ - BudgetController
app.com/expense/ - ExpenseController

预算页面供用户编辑预算值，这些值将进入费用页面数据。此外，在费用页面上，将有一些更多的计算将数据保存到数据库中。

通常，用户在预算页面中更改预算数据，然后刷新/访问该页面的费用页面，以将一些新数据保存到数据库中。

现在，我希望当更改一个页面/控制器中的数据会触发另一个页面/控制器更新时，这个过程会自动发生。我正在考虑使用ShareServices，但这两个控制器除了对数据库的同一部分进行一些查询之外，没有太多的共同点。

有没有更好的方法来解决这个问题？

Answer 1

您可以使用serviceProvider帮助您封装由多个控制器共享的数据。

因此，在预算页面中，您可能会这样做

var myData = dataProvider.getData()；进行数据操作。切换控制器前: dataProvider.saveData(myData)

在费用控制器中，var myData = dataProvider.getData()；

这就是单页面应用程序方法。

如果您使用的是多页方法，那么您的dataProvider需要与您的存储程序对话以获取和保存数据。

我知道这些页面没有太多的共同点，但它们需要的数据是通用的；因此，获取数据的共享服务效果最好。从长远来看，共享服务中的代码是可重用的，并将对维护有很大帮助。