How to access a module on another controller in Angular JS

Question

If I declared module inside an IIFE in Angular JS

(function(){
  var app=angular.module("myapp",[]); 

  var mapController = function () {
    var mapScope = this;

  };
  app.controller("mapController", [mapController]);
})()

How is it going to be accessible to another controller, which is defined inside another IIFE?

Suppose I have another controller in a different JS file table controller. How can I access app module there?

app.controller("tableController", ["$http", tableController,commonService]);

In other words, can we create angular JS app without a single global variable where control are separated in multiple JS files?

Answer 1

In the case where you want to access the module in the other controller, dont use the variable but instead use the module definition like this:

angular.module("myapp").controller("tableController", ["$http", tableController,commonService]);

This is because your var app is inside an IIFE which wont be accessible in the other controller file. But the module definition will work subject to the condition that it is already defined somwhere.