angularjs – Angular-ui模态,从$http发送数据到模态控制器

发布时间：2020-12-17 08:14:58 所属栏目：安全来源：网络整理

导读：我正在使用angular-ui modal指令 http://angular-ui.github.io/bootstrap/。我已经按照上面的链接的例子。这是我要从我的控制器发送的数据： ProductsFactory.getOneProduct().then(function(d){ $scope.selectedProduct = d.data;});$scope.open = functi

我正在使用angular-ui modal指令 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');
  };
};

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

你可以试试一下

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

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

var ModalInstanceCtrl = function ($scope,items) {

因为您正在解析items属性而不是selectedProduct属性。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!