Javascript Angular：如何使$scope.gridData在整个类中可访问？

我有一段代码：

orders.controller('OrdersCtrl', function ($scope, $http, $rootScope, $location, $notification, $routeParams) {

        // this works
        $scope.initGrid = function () {
              $scope.gridData = new kendo.data.ObservableArray([
                { artist: "Pink Floyd", track: "The dark side of the Moon" },
                { artist: "The Beatles", track: "I've just seen a face" },
                { artist: "Queen", track: "Innuendo" }
              ]);

              $scope.gridColumns = [
                { field: "artist", title: "Artist" },
                { field: "track", title: "Track" }
              ];

        };
        // this does not working
        $scope.update = function() {
                $scope.gridData[0].set("track", "Hey you");
        };

    });

单击模板中的按钮后：

<button kendo-button ng-click="update()">
  Update from code
</button>

问题是:

如何使范围网格数据可以从其他方法访问

谢谢您的建议。

更新前是否调用initGrid？看起来gridData尚未初始化。是不是有什么别的东西把它弄清楚了？这两个$scope变量是相同的。也许你可以做一把小提琴。

TypeError: Cannot read property '0' of undefined