Get controller by path location in AngularJS

Question

I'm developing a simple modal window with ui.bootstrap. This modal is showed when we click in a certain button binding to a controller and fires up, but the modal and its content is binding to another controller so when we click is necessary to know where the controller is which it'll be in another folder of the project.

For example, imaging the structure as follows:

1. component1

   ..... template1.html

   ..... controller1.js

2. component2

   ..... template2.html

   ..... controller2.js

The controller1.js is in charge of load the modal view which renders and is binding with template2.html and controller2.js respectively. So, in controller1.js we have this:

 $scope.open = function (size) {
      var modalInstance = $uibModal.open({
        templateUrl: 'components/component2/template2.html',
        controller: 'components/component2/controller2.js',
        size: size,
        resolve: {
          items: function () {
            return $scope.items;
          }
        }
      });
      modalInstance.result.then(function (selectedItem) {
        $scope.selected = selectedItem;
        $log.debug(selectedItem);
      }, function () {
        $log.info('Modal dismissed at: ' + new Date());
      });
   };

Which obviously does not work for controller2.js. As we do we templateUrl, there is any way to load a controller passing its path as parameter in the $uibModal.open?

Answer 1

I have not tested it, but do something like:

var modalInstance = $uibModal.open({
        templateUrl: 'components/component2/template2.html',
        controller: 'ModalController',
        size: size,
        resolve: {
          items: function () {
            return $scope.items;
          }
        }
      });

   app.controller('ModalController', function ($scope, $modalInstance) {
      // do some things
   });