title: ng-table doesn't load any data from $data
body: <p>I'm trying to load data to an ng-table in the following way,</p>
  
  <p>The HTML</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="ng-table.min.css"&gt;
  &lt;/head&gt;
  &lt;body ng-app="myApp" ng-controller="mycont as vm"&gt;
  
  &lt;div class="container"&gt;
      &lt;table ng-table="vm.tableParams" class="table" show-filter="true"&gt;
          &lt;tr ng-repeat="user in $data"&gt;
              &lt;td title="'Name'" filter="{ name: 'text'}" sortable="'name'"&gt;
                  {{user.name}}&lt;/td&gt;
              &lt;td title="'Age'" filter="{ age: 'number'}" sortable="'age'"&gt;
                  {{user.age}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="ng-table.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="table.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>The Angular Script (in <em>table.js</em>)</p>
  
  <pre><code>angular.module("myApp", ["ngTable"])
  
  .controller('mycont', ['ngTableParams', function(ngTableParams) {
      var self = this;
  
      var data = [
          {name: "Moroni", age: 50},
          {name: "Alan", age: 45},
          {name: "Tony", age: 36}
      ];
  
      self.tableParams = new ngTableParams({}, { dataset: data});
  }])
  </code></pre>
  
  <p>but I get a table, even with the filters, but without any data.</p>
  
  <p>Please help me out...</p>