19

我正在使用 angular-ui 模态指令http://angular-ui.github.io/bootstrap/。

我已按照上面链接中的示例进行操作。

这是我想从我的控制器发送的数据：

ProductsFactory.getOneProduct().then(function(d){
  $scope.selectedProduct = d.data;
});

$scope.open = function () {
  var modalInstance = $modal.open({
    controller: 'ModalInstanceCtrl',
    templateUrl: 'productDetail.html',
    resolve: {
      items: function () {
        return $scope.selectedProduct;
      }
    }
  });
};

这是我的模态控制器：

var ModalInstanceCtrl = function ($scope, $modalInstance, selectedProduct) {

  console.log(selectedProduct);

  $scope.ok = function () {
    $modalInstance.close();
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
};

问题是我无法访问模态控制器中的“选定产品”。我知道原因是做宽度异步调用，它只能从 GUI 访问。但是我该如何解决这个问题呢？如何将“$scope.selectedProduct”发送到我的 ModalInstanceCtrl？

4

1 回答 1

41

你可以尝试类似的东西

$scope.open = function () {
  var modalInstance = $modal.open({
    controller: 'ModalInstanceCtrl',
    templateUrl: 'productDetail.html',
    resolve: {
      items: function () {
        return ProductsFactory.getOneProduct();
      }
    }
  });
};

基本上你$modal可以接受承诺，所以为什么不使用它。现在，当 promise 得到解决时，该对象应该在控制器上可用。ModalInstanceCtrl应该是

var ModalInstanceCtrl = function ($scope, $modalInstance, items) {

因为您解决的是items属性而不是selectedProduct属性。

于 2013-09-18T12:11:55.997 回答