AngularJS:将变量传递给模态

AngularJS: pass variable to modal

本文关键字：模态 变量 AngularJS      更新时间：2023-09-26

我使用https://github.com/simpulton/angularjs-wizard对于我的项目来说，它是有效的，（我稍微修改了一下，把var app换成了$scope）

但我需要将一个变量传递给open函数：

$scope.open = function (image)
    {
        $scope.image = image;
        var modalInstance = $uibModal.open({
            templateUrl: 'wizard.html',
            controllerAs: 'modal',
            size: 'lg',
            controller: 'ModalCtrl',
            resolve: {
                image: function () {
                    return image;
                }
            }
        });
        modalInstance.result
            .then(function (data) {
                $scope.closeAlert();
                $scope.summary = data;
            }, function (reason) {
                $scope.reason = reason;
            });
    };

以及在html:中

ng-click="open(image)"

但在我的模板中image是undefined

如果我只使用模态窗口，它就会工作https://angular-ui.github.io/bootstrap/#/modal，但没有这个向导示例

更新：

https://jsfiddle.net/Ginstay/znz64sk3/2/

是的，当我打开模式窗口时，ajax就完成了

如果我在return image;图像中添加断点，是否存在

试试这个

angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function ($scope, $modal) {
var modalInstance = $modal.open({
  templateUrl: 'myModalContent.html',
  controller: ModalInstanceCtrl,
  resolve: {
    test: function () {
      return 'test variable';
    }
  }
});
};
var ModalInstanceCtrl = function ($scope, $modalInstance, test) {
  $scope.test = test;
};

我想好了，我需要添加

$scope.image = image;

至ModalCtrl

相关文章：