javascript – 将uibmodal结果返回给父控制器

前端之家收集整理的这篇文章主要介绍了javascript – 将uibmodal结果返回给父控制器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以这是我的模态JS:
function modalInstance() {
        var ctrlr = function($scope,$uibModalInstance,inName) {
            var init = function() {
                $scope.modalTmpStep = {
                    pos: 0,body: ''
                };
                $scope.cancelStep = cancelStep;
                $scope.submitStep = saveStep;
            };

            function cancelStep() {
                console.log('closing');
                $uibModalInstance.dismiss('dismissed');
            }
            function saveStep() {
                var submitVar = JSON.stringify($scope.modalTmpStep)
                console.log('submitting')
                $uibModalInstance.close(submitVar);
            }

            init()
        };

        var modalInstance = $uibModal.open({
            animation: true,templateUrl: 'main/add/stepModal/addModal.html',controller: ctrlr,size: 'lg',backdrop: 'static'
        });

        modalInstance.result.then(function() {
            console.log();
        })

    }

这段代码的最终目标是在父页面的某处打印对象“submitVar”,该对象可以是字符串或JSON.问题中的所有变量都是使用HTML中的ng-model进行查找.我不知道如何将此值传递回父控制器并需要一些帮助.

目前行console.log(‘submitting’)运行,但我不知道submitVar结果的位置.我打算将其用作编辑窗口,因此传入一个对象,然后编辑并传回,更改当前值.

我正在使用:https://angular-ui.github.io/bootstrap/作为参考,无法找到任何其他文档.

解决方法

在modalInstance对象的内部结果中,您可以在关闭modalInstance时获得返回值
modalInstance.result.then(function(submitVar) {
    console.log("sumbited value inside parent controller",submitVar);
})

猜你在找的JavaScript相关文章