title: ui router not activating the controller in template context
body: <p>I have a template which would be resolved in <code>ui-view</code> as </p>
  
  <pre><code>&lt;div class="row login" &gt;
      &lt;div class="col-xs-12 col-sm-8 col-md-6 " ng-class="offSet"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now The ui router state which resolves this template from templateUrl is </p>
  
  <pre><code> .state('login.register', {
      url: "login/register",
      views: {
          "@": {
              templateUrl: "/Account/Register"
          },
          controller: "loginController"
      }
  })
  </code></pre>
  
  <p>And the controller is :</p>
  
  <pre><code>ngApp.controller('loginController', ['$scope', '$state', function ($scope, $state) {
  $scope.offSet = "col-lg-offset-3";
  $scope.login = function () {
      $state.go('dashboard.home');
     }
  }])
  </code></pre>
  
  <p>Now what I want is the <code>ng-class</code> should get applied as soon as the template resolves and rendered. But thats not happening . the ng-class is not getting applied if I dont provide ng-controller attribute .</p>
  
  <p>However when I put the ng-controller='loginController' in my template as </p>
  
  <pre><code>&lt;div class="row login" ng-controller="loginController"&gt;
      &lt;div class="col-xs-12 col-sm-8 col-md-6 " ng-class="offSet"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Then the class gets attached  and I can see the effect on resulting dom.
  But as far as ui router documentation says . the controlller gets attached to the dom as soon as the template is resolved . </p>
  
  <p>Any idea why without ng-controller attribute its not working ????  </p>