Angular，ng-grid并动态填充网格

Question

我正在尝试在返回AJAX调用后填充ng-grid。用户按下按钮执行查询，结果将显示在网格中。

我的HTML是：

<div class="gridStyle" ng-grid="gridOptions"  ></div>

我的js是：

app.queryCallback = function(graph) {
    var results = graph.toJSON();
    var columns = [ns.gtry("hasRank"), ns.gtry("score"), ns.gtry("ks_up"), ns.gtry("ks_down")];
    var names = ["Has Rank", "Score", "up", "down"];
    $scope.queryData = [];
    $.each(results, function(key, values) {
        var row = {};
        $.each(values, function(uri, dict){
            $.each(columns, function(i, column){
                if (column == uri) {
                    row[names[i]] = dict[0]['value'];
                }
            });
        });
        $scope.queryData.push(row);
    });
    $scope.gridOptions = {data : 'queryData'};
    $scope.$apply();
}

我的控制器设置如下：

goiapp.controller('goip', function ($scope) {
var app = this;

但是，网格没有显示，并且使用chrome调试器，我已经验证app.queryData具有正确的对象。