角度 UI-网格类型错误：无法设置未定义的属性"data"。从服务和未定义的数据发送承诺

app.controller('tableCtrl', function($scope, tableService) {
    var getAllArtistData = function() {
        tableService.getArtistData().then(function(data) {
            console.log("this is controller data", data);
            $scope.gridOptions.data = data;
            $scope.gridOptions = {};
            $scope.gridOptions.columnDefs = [
                {name:'artist_id'},
                {name:'first_name'}
            ];
            });
        };
    getAllArtistData();
});

app.service('tableService', function($http, $q) {
    /************************************************
    GET ARTIST DATA 
    ************************************************/
    this.getArtistData = function() {
        var defer = $q.defer();
        $http.get('../../../data/artists-lite.json')
            .success(function(response) {
                console.log("this is response", response);
                defer.resolve(response);
            })
            .error(function(err) {
                defer.reject(err);
            });
        return defer.promise;
    };
});

App.js

'use strict';
var app = angular.module('bucketfeet', ['ui.router','ui.grid', 'ngAnimate']);
app.run(function($state, $rootScope) {
    $rootScope.$state = $state;
});
app.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider
    .otherwise('/');
    $stateProvider
    .state('stats', 
        {
            url: '/stats',
            templateUrl: './js/views/statsTmpl.html'
        })
    .state('table', 
        {
            url: '/table',
            templateUrl: './js/views/tableTmpl.html',
            controller: 'tableCtrl'
        });
});