我无法将参数传递给模态Angular UI

Question

I'm still new to Angular trying to understand its philosophy. I have two parameters: productSearched that's just a string, and a second parameter: agenceSearched , which has the following value when I try to display it in my modal: {id:'',nameAgence:null,adress:null}

I forgot to mention that I'm getting an injection exception as well:

Unknown provider: searchedAgenceProvider <- searchedAgence <- MapController

Here is my code:

myAppControllers
  .controller(
    'MapController',
    function($scope, mapService, $uibModal, $rootScope,
      commandService, searchedAgence, productSearched) {
      $scope.commandsearchedProduct = function(searchedAgence,
        productSearched, size) {
        console.log("rrrrrrrrrrrrr " + searchedAgence);
        console.log("aaaaaaaaaaaaa " + productSearched);
        $rootScope.modalInstance = $uibModal.open({
          animation: $scope.animationsEnabled,
          templateUrl: 'partials/cmdAgence.html',
          controller: 'MapController',
          resolve: {
            searchedAgence: function() {
              return $scope.searchedAgence;
            },
            productSearched: function() {
              return $scope.productSearched;
            }

          },
          scope: $scope,
          size: size
        });
      };
    });

Can anyone help me to find and understand the problem please?

Answer 1

The problem is that your MapController and the modal instance have different scopes.

Change your resolve object to

resolve : {
    searchedAgence : function(searchedAgence) {
        return searchedAgence;
    },
    productSearched : function(productSearched) {
        return productSearched;
    }
}

This should solve the problem.

Answer 2

It seems that searchedAgence service is not available when injecting it in the MapController controller. Make sure you create this service first then only inject it. I am sure after it, it will work.

Cheers!!!