モーダルから別のページにデータを渡す

Question

モーダルから別のページにデータを渡す必要があります。あなたはこの仕事を達成するために私を助けてくれますか？

$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

$uibModal上のドキュメントを必ずお読みください：https://github.com/angular-ui/bootstrap/tree/master/src/modal/docs

open()方法は、その中にいくつかの有用なものを持つオブジェクトを返します。現在、あなたはそのオブジェクトで何もしていませんが、それが魔法の場所です。

は、このような modalInstance.result約束使い、モーダルを開いているコントローラにデータを渡すには：

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

それを設定した後に、あなたは$close()関数を使用することができる範囲でこのモーダルライブラリの場所へresult約束を解決してください。

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