Pass data from modal to another page in angularjs

Question

I need to pass data from modal to another page. Could you please help me to accomplish this task?

 $scope.productdetails = function (size,selectedproduct)
     {       
    var modalInstance = $uibModal.open({           
    templateUrl: 'ProductDetails.html',            
    controller: function ($scope, $uibModalInstance, product) {
        $scope.product = product;

        $scope.buynow = function (path) {
            $uibModalInstance.close($scope.product);
            $location.path(path); // Need to pass $scope.product to the new page
        };

        $scope.cancel = function () {
            $uibModalInstance.dismiss('cancel');
        };
    },
    size: size,
    resolve: {
        product: function () {
            return selectedproduct;
        }
    }
});        

Answer 1

Be sure to read the docs on $uibModal: https://github.com/angular-ui/bootstrap/tree/master/src/modal/docs

the open() method will return an object with some useful stuff in it. Currently you're not doing anything with that object, but that's where the magic is.

To pass data to the controller that opened the modal, use the modalInstance.result promise like this:

modalInstance.result.then(function(data) { /*... do something with the data*/ });

Once that is set up, you can use the $close() function that this modal library places on the scope to resolve the result promise.

var data = {info: 'information to be returned to the parent controller'};
$scope.$close(data);