AngularJs：数据表无效

Question

我需要为我的项目使用Angularjs数据表来获取搜索和排序等功能。 我目前的结构是： -

HTML

<table datatable="" class="table table-striped table-bordered row-border hover" ng-show=query_executed>
    <thead >
        <tr >
            <th ng-repeat="x in keys">{{x}}</th>

        </tr>
    </thead>

    <tbody style="overflow-y: scroll;">
        <div class="ScrollStyle">
            <tr ng-repeat="y in myWelcome">
                <td ng-repeat="z in y">{{z}}</td>
            </tr>
        </div>
    </tbody> 
</table>

此处的键包含列名。 y是行，z是行的元素。

的JavaScript

$scope.GetQueryResult = function() {
    $http.get('view2/datafile.html')
        .success(function(data, status, headers, config) {
            $rootScope.myWelcome = data[1]["result_text"]["data"][0]["chunk_data"];
            $rootScope.colname = $rootScope.myWelcome[0];
            var key, x;
            $rootScope.keys = [];

            for (key in $rootScope.colname) {
                if ($rootScope.colname.hasOwnProperty(key))
                    ($rootScope.keys).push(key);
            }



        })
        .error(function(data, status, header, config) {
            $rootScope.myWelcome = status;

        });
};

但问题是我没有获得上述所需的功能。

当前页面： - view of my current page

我想知道代码的问题。

感谢。