title: ng-table data not showing
body: <p>here my question:</p>
  
  <p>I am trying to build a directive in angular, which would use an ng-table inside. I am using mocked data. The problem is that I cannot render data in the table. here is my directive:</p>
  
  <pre><code>;(function(app) {
      app.directive('customTables', [
          'NgTableParams',
          function(NgTableParams) {
              return {
                  restrict: 'E',
                  templateUrl: 'templates/directives/table_directive.html',
                  scope: {
                  },
                  link: function(scope) {
                      var dataset = [{
                          name: "Moroni50",
                          age: "50"
                      }, {
                          name: "Moroni49",
                          age: "49"
                      }];
  
                      scope.tableParams = new NgTableParams({}, {
                          data: dataset
                      });
                  }
              };
          }]);
  })(app);
  </code></pre>
  
  <p>here is the html:</p>
  
  <pre><code>&lt;table ng-table="tableParams" class="table table-bordered table-striped table-condensed"&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;
  </code></pre>
  
  <p></p>
  
  <p>here is how I call it: </p>
  
  <pre><code>&lt;custom-table&gt;&lt;/custom-table&gt;
  </code></pre>
  
  <p>Any suggestions?</p>