如何在 AngularJs 中双向绑定 localStorageService？

Question

我现在正在使用浏览器的本地存储构建一个客户收银类型的应用程序。我想出了如何使用本地存储，但如果我从客户方下一个新订单，它不会更新收银员方。

app.controller('posController', function($scope,localStorageService,Data,$rootScope,$window){
  console.log(localStorageService.get("placedOrder"));
  $scope.orders = localStorageService.get("placedOrder");
});

app.controller("orderController",function($scope,Data,localStorageService){
  var arr = localStorageService.get("placedOrder") || [];
  arr.push({"name":$scope.name,
                        "order": $scope.order,
                         "time": Data.time,
                         "email": Data.email
                       });
  localStorageService.get("placedOrder",arr)
  console.log(Data.placedOrder);
});

所以 posController 应该在 ordercontroller 更新 localStorage 后立即更新。

Answer 1

假设您的意思是收银员和客户使用不同的系统，这是行不通的。本地存储适用于浏览器，不适用于这些类型的交易。对于此类应用程序，您需要使用托管在网络上的数据库。

Answer 2

您需要与其他控制器沟通，有些东西发生了变化，请更新您的数据。

这可以通过使用 事件通信，它可以让你解耦你的逻辑。

你必须像这样调用/触发事件

$rootScope.$brodcast("myevent");

你必须像下面这样使用另一端来监听触发的事件。

$rootScope.$on("myevent",function(){ ....Update your other controller data... });