title: Angulart ui-router Multiply views and ControllerAs
body: <p>Got a problem when using multiple nested views and ControllerAs</p>
  
  <p>Here example of my coffescript and templates</p>
  
  <p>States:</p>
  
  <pre><code>  .state "users" ,
      abstract: true,
      url:"/users",
      views:
        "MainLayout":
          templateUrl:"users.html",
    .state "users.add" ,
      url:"/users-add",
      views:
        "ContentLayout":
          templateUrl:"users-add.html",
          controller:"UsersAddController",
          contollerAs:"formctrl",
        "SideLayout":
          templateUrl:"users-side.html",
      cache: false
    .state "users.list" ,
      url:"/users-list",
      views:
        "ContentLayout":
          templateUrl:"users-list.html",
          controller:"UsersController",
          contollerAs:"userlist"
        "SideLayout":
          templateUrl:"users-side.html",
      cache: false
  </code></pre>
  
  <p>users.html</p>
  
  <pre><code>&lt;div class="content" ui-view="ContentLayout"&gt;&lt;/div&gt;
  &lt;div class="side" ui-view="SideLayout"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>users-list.html</p>
  
  <pre><code>{{ userlist.result }}
  </code></pre>
  
  <p>users-add.html</p>
  
  <pre><code>{{ formctrl.addresult }}
  </code></pre>
  
  <p>users-side.html</p>
  
  <pre><code>&lt;menu&gt;
  &lt;a ui-sref="users.list"&gt;List&lt;/a&gt;
  &lt;a ui-sref="users.add"&gt;Add&lt;/a&gt;
  &lt;/menu&gt;
  </code></pre>
  
  <p>UsersController as sample</p>
  
  <pre><code>(-&gt;
    UsersController = ()-&gt;
      vm = @
      vm.result = "Result"
      return vm
    angular
    .module("myapp")
    .controller("UsersController", UsersController))()
  </code></pre>
  
  <p>This not working at all, but if i make it with $scope, all working normal.What i did wrong?</p>