ng-table data not showing
<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>