Angulaire modal - passer des paramètres à partir d'un contrôleur à l'autre

Je dois mettre plusieurs paramètres du contrôleur de l'modal afin que je puisse afficher la valeur de certains en[ut de l'modal

var app = angular.module('myApp', ['ui.bootstrap']);
   app.controller('ctrlTags', function($scope, $uibModal, $log){
//       $scope.items = tagsData;
       $scope.data = {
           repeatSelect: null,
           availableOptions: [
               {id: '1', name: 'Option A'},
               {id: '2', name: 'Option B'},
               {id: '3', name: 'Option C'}
           ],
       };
        $scope.myVar = false;
        $scope.show = function () {
            $scope.myVar = false;
        }
        $scope.hide = function () {
            $scope.myVar = true;
        }
       $scope.open = function() {
           var modalInstance = $uibModal.open({
               templateUrl: 'myModl.html',
               controller: 'ModalInstanceCtrl',
               resolve: {
                   param: function () {
                       $log.log($scope.dt)
                       return $scope.data;
                   }
               }
           });
       };
   $scope.ok = function() {
       $scope.showModal = false;
   };

   $scope.cancel = function() {
       $scope.showModal = false;
   };
});

Le contrôleur de l'modal:

   app.controller('ModalInstanceCtrl', function($scope, $modalInstance, param) {

//       $scope.inputValue = param;
        $scope.data = param

        $scope.ok = function() {
            $modalInstance.close();
        };

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

J'ai pour afficher plus de valeurs à l'exception des données. Comment puis-je passer plus de paramètres pour le modèle de contrôleur?

OriginalL'auteur Sarit Rotshild | 2015-10-18

  1. 8

    Vous pouvez passer plus de données dans le cas resovle fonction.

     $scope.open = function() {
           var modalInstance = $uibModal.open({
               templateUrl: 'myModl.html',
               controller: 'ModalInstanceCtrl',
               resolve: {
                   param: function () {
                       $log.log($scope.dt)
                       return {'data':$scope.data,'yourData' : yourData };
                   }
               }
           });
       };


app.controller('ModalInstanceCtrl', function($scope, $modalInstance, param) {

//       $scope.inputValue = param.data;
        $scope.data = param.data;
        $scope.yourData = param.yourData;    
        $scope.ok = function() {
            $modalInstance.close();
        };

        $scope.cancel = function() {
            $modalInstance.dismiss('cancel');
        };
    });
    et dans le code html de la lightbox, j'ai juste besoin d'écrire {{données}}, {{yourdata}} pour afficher les valeurs?
    Ya tu peux le faire, car il est déjà dans le champ objet.

    OriginalL'auteur MaheshKumar

  2. 0

    Vous pouvez étendre la param objet avant de le transmettre à partir de la résolution de modal popup en utilisant angular.extend. En effet, vous pouvez injecter un seul param service à l'intérieur de popup contrôleur & tous la dépendance disponibles.

    resolve: {
    param: function () {
        var param = {};
        angular.extend(param, $scope.dt);
        angular.extend(param, someOtherData1);
        angular.extend(param, someOtherData2);
        $log.log(param); //will show you combine data
        return param;
    }
}

    OriginalL'auteur Pankaj Parkar