Javascript AngularJs-当此页上的数据更改时更新另一页

Javascript AngularJs-当此页上的数据更改时更新另一页,javascript,angularjs,Javascript,Angularjs,我有两个页面,由同一个ng应用程序中的两个不同控制器控制 假设它们是: app.com/budget/ - BudgetController app.com/expense/ - ExpenseController 预算页面供用户编辑预算值,预算值将跳转到费用页面数据中。在费用页面上,还会有一些计算,这些计算将数据保存到数据库中 通常,用户在预算页面中更改预算数据,然后刷新/访问该页面的费用页面,将一些新数据保存到数据库中 现在,我希望当更改一个页面/控制器中的数据将触发另一个页面/控制器更新

我有两个页面,由同一个ng应用程序中的两个不同控制器控制

假设它们是:

app.com/budget/ - BudgetController
app.com/expense/ - ExpenseController
预算页面供用户编辑预算值,预算值将跳转到费用页面数据中。在费用页面上,还会有一些计算,这些计算将数据保存到数据库中

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

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


有更好的方法吗?

您可以使用服务提供商来帮助您封装多个控制器共享的数据

所以在预算页面中,你会

var myData=dataProvider.getData; 进行数据操作。 切换控制器之前:dataProvider.saveDatamyData

在费用控制器中, var myData=dataProvider.getData

这就是单页应用程序方法

如果您使用的是多页方法,那么您的数据提供者需要与您的保存程序对话以获取和保存数据

我知道这些页面没有太多的共同点,但它们需要的数据是共同的;因此,获取数据的共享服务效果最佳。从长远来看,共享服务中的代码是可重用的,并且有助于维护