I'm just trying to setup a boilerplate for angular 1.5.9 with UI Router 1.0.0. I can display my parent state component within the ui-view, however when I nest states within my parent, my components aren't being injected into my ui-view.

This is my index.html

```
<body ng-app="app">
 <ui-view></ui-view>
</body>

```

This is the main component

```
<div class="main-container">
  <banner></banner>
  <div ui-view='ui-view></div>
</div>

```

It is at this point where in I'm unable to inject anything into the ui-view.

This is my javascript file

```
$stateProvider
    .state('app', {
      url: '/',
      component: 'main'
    })
    .state('app.login', {
      url: '/login',
      views: {
        'ui-view': {
          templateUrl: './app/login/login.html'
        }
      }
    });

```

I'm not sure what I'm doing wrong, any help/direction to the right path would be appreciated.

**EDIT**

Additional Info that might be helpful

1. When I reference login as a parent state everything works as expected.
2. The login component is part of a separate module that I've included in my main module.