在两个不同页面中使用角度控制器的值

Question

我有两个不同的页面。让我们的名字是product.php和buy.php. 我有controllerProduct为product.php和controllerBuy为buy.php。

用户加载product.php并选择要购买的产品，其价格为59美元。当他或她选择产品时，$scope.setPrice();功能在controllerProduct中运行。该setPrice功能如：

window.ngApp = angular.module('myApp', []); 
window.ngApp.controller('controllerProduct', ['$scope', 
    function ($scope) { 
      $scope.price = null //default 
      $scope.setPrice = function(){ 
       $scope.price = 59; 
      }; 
}]); 

现在，他或她所选择的产品，它的价格是$ 59和finaly点击购买按钮和buy.php页面将被加载。

在buy.php我想告诉用户是这样的：“嘿用户，你要购买此产品，其价格是{{price}}$”

。

如何在controllerBuy中使用controllerProduct中的price变量？

Answer 1

每次你想在控制器之间共享逻辑时，这是一个服务的完美场景。

的一般方法可能是这

//singleton to share logic between controllers 
.service('ShareService', function(){ 
var _price = null; 
this.setPrice = function(price){ 
    _price = price; 
} 
this.getPrice = function(){ 
    return _price; 
} 
}) 

//first controller 
.controller('controllerProduct', function($scope, ShareService){ 
    $scope.setPrice = function(price){ 
    $scope.price = price; 
    ShareService.setPrice(price); 
    }; 
}) 

//second controller 
.controller('controllerBuy', function($scope, ShareService){ 
    //watch changes of the price 
    $scope.$watch(function(){ 
    return ShareService.getPrice() 
    }, function(newVal){ 
    $scope.selectedPrice = newVal; 
    }) 
})