将数据从控制器传递到 $uibModal 控制器 angularjs

Question

我有一个页面 HTML 有一个按钮“alta”，当我单击该按钮时，它会显示另一个模板作为弹出窗口，在此弹出窗口中，我需要第一页字段的值。

这是第一个控制器中按钮“alta”的功能：

        function altaFiltro(){          
        //pop up
        alert(vm.filtros.codigo);
        $uibModal.open({
            templateUrl : 'app/entities/peticion/altaFiltro.html',
            size : 'md', // sm, md, lg
            controller: "FiltrosCtrl",
            controllerAs : 'fil',resolve: {
                filtrosVm : function() { 
                     return vm.filtros.codigo
                }
            }
        });
    }

在我的模板模型的控制器“FiltrosCtrl”中，我有：

    angular.module('mecenzApp').controller('FiltrosCtrl', FiltrosCtrl);

FiltrosCtrl.$inject = [ '$scope','$uibModalInstance','Filtros'];

function FiltrosCtrl($scope, $uibModalInstance,Filtros, filtrosVm) {

    var fil = this;
    fil.cancelar = cancelar;
    function cancelar() {   
        $uibModalInstance.close();
          };

    fil.guardar = guardar;
    function guardar(){
        alert(filtrosVm);
        if(fil.filtros.nombre!=null){
            Filtros.update(fil.filtros);
            $uibModalInstance.close();
        }           
    }
}

所以我想得到这个vm.filtros.codigo值，但它给了我一个错误，说它没有定义，这是正常的，因为它没有在这个子控制器中定义（如果我可以这样称呼它）

Answer 1

您可以使用该resolve属性来解决此问题。

        $uibModal.open({
            templateUrl : 'app/entities/peticion/altaFiltro.html',
            size : 'md', // sm, md, lg
            controller: "FiltrosCtrl",
            controllerAs : 'fil',
            resolve: {
                filtrosVm : function() { 
                     return vm.filtros.codigo
                }
            }

        });

然后 filtrosVm将显示为您的 Modals 控制器的依赖项。

function FiltrosCtrl($scope, $uibModalInstance,Filtros, filtrosVm) {

    var fil = this;
    fil.cancelar = cancelar;
    function cancelar() {   
        $uibModalInstance.close();
          };

    fil.guardar = guardar;
    function guardar(){
        alert(filtrosVm);
        if(fil.filtros.nombre!=null){
            Filtros.update(fil.filtros);
            $uibModalInstance.close();
        }           
    }
}