title: "Controller as" syntax not working with ng-repeat
body: <p><a href="https://i.stack.imgur.com/wqo3n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wqo3n.png" alt="enter image description here"></a>I am trying to use "controller as" with <code>ng-repeat</code> but I am not able to access the data in html. Below is code snippet:</p>
  
  <p>Controller js:</p>
  
  <pre><code>angular.module('myApp')
  .controller('reportController', function (reportCandidate) {
      reportCandidate.query(function(response){
        //$scope.candidateInfo = response;
        this.candidateInfo=response;
      })
  })
  
  .factory('reportCandidate', ['$resource', function ($resource) {
           return $resource('http://localhost:3000/records', {});;
      }]);
  </code></pre>
  
  <p>app.js:</p>
  
  <pre><code>'use strict';
  angular.module('myApp', [
    'ui.router',
    'ngResource',
    'myApp.version'
  ])
  .config(['$urlRouterProvider','$stateProvider', function($urlRouterProvider, $stateProvider) {
      $urlRouterProvider.otherwise('/viewDashboard');
      $stateProvider.state('viewReport', {
          url: '/viewReport',
          templateUrl: '../viewReport/viewReport.html',
          controllerAs: 'report',
          controller: 'reportController'
      });
  }]);
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;tr ng-repeat="data in candidateInfo"&gt;
      &lt;td&gt;{{data.name}}&lt;/td&gt;
      &lt;td&gt;{{data.profession}}&lt;/td&gt;
      &lt;td&gt;{{data.skill}}&lt;/td&gt;
      &lt;td&gt;{{data.exp}}&lt;/td&gt;
      &lt;td&gt;{{data.gender}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>What should I change in my html to get data displayed?</p>