Using a child controller from another module

Question

I've defined a module and made it the main module for my app using the ng-app directive. I added two controllers to the main app using angular.module('myApp').controller(). One of those controllers has page wide scope whereas the other controller is a child controller. What I'm now trying to do is include a controller that belongs to another module (not the main myApp module), but I can't figure it out. I do not want to globally namespace controllers. Anyone know how to do this? Here is what I have so far: ``` Untitled

Accepted Answer

What you have done currently is "declared" two modules `app` and `module`.

When angular bootstraps, you have asked it to bootstrap with `app`. So now your application bootstraps with `app` but the `app` has no reference to your other module ( which is `module`! ).

So, you will have to either bootstrap your application with `app` and specify a dependency on `module` or bootstrap your application with a totally new module and specify a dependency on `app` and `module`.

This is how you define a dependency

```
angular.module('app',['module']);
```

If you want to create a totally new module and specify both as dependencies

```
angular.module('myApp',['app','module'])
```

Note : if you create a totally new module, you will have to bootstrap your angular application with this new module..

```
<html ng-app="myApp"...
```

Using a child controller from another module

Solution

Problem