如何在角度引导模态控制器中注入工厂？

Question

我想创建对话框以确认提交按钮。所以我正在使用角度用户界面引导程序。

这是我的主控制器代码：

FrontEnd.controller('PostViewController',function($scope,$stateParams,PostFactory, $modal){

    $scope.openConfirm = function(size) {

            var modalInstance = $modal.open({
                animation: true,
                templateUrl: 'ConfirmDialog.html',
                controller: 'ConfirmDialogController',
                size: size, 
                resolve: {
                    form: function () {
                            return $scope.form;
                        },
                    //tried with this line as well, but could not resolve error
                    PostFactory: "PostFactory"   
                }
            });

            modalInstance.result.then(function (response) {
                $scope.isSurveySubmitted = true;
                $scope.message = response.message;

                //$scope.selected = selectedItem;
              }, function () {
                console.log('Modal dismissed at: ');
            });
    };
});

这是我的 ConfirmDialogController：

FrontEnd.controller('ConfirmDialogController', function($scope, $http, $modalInstance, form, PostFactory){

    $scope.ok = function () {

        PostFactory.SubmitSurvey(form).success(function(response){
            $modalInstance.close(response);
        }).success(function(response){
            $modalInstance.close(response);
        });
    };

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

Modal 正确打开，没有错误。当我单击取消按钮时，它会按预期关闭模式。但是当我点击 Ok 时，它会调用 $scope.ok() 但在控制台中抛出错误并显示 PostFactory is undefined 消息。

那该怎么办？感谢您的帮助。

Answer 1

我认为你可以在$modalInstance.open() 中使用scope 字段

将工厂设置为新作用域上的属性

var scope = $scope.$new();
scope.factory = PostFactory;
$modalInstance.open({
    // other stuff
    scope: scope
});

然后在youou modal的控制器中引用$scope.factory。

不确定它是否会搞砸其他事情，不过值得一试。