angularjs – 无法在角度引导模态窗口中引用kendo网格

有人可以告诉我我做错了什么.

var app = angular.module('plunker',['ui.bootstrap','kendo.directives']);

app.controller('MainCtrl',function($scope,$modal) {
  $scope.name = 'World';

  $scope.mySource = new kendo.data.DataSource({
          data: [
            {ColumnOne:'One',ColumnTwo:'Two'},{ColumnOne:'Three',ColumnTwo:'Four'},{ColumnOne:'Five',ColumnTwo:'Six'}
            ]
  });

  $scope.myGridChange = function(){
     var selectedRows = $scope.myGrid.select();
     console.log($scope.myGrid.dataItem(selectedRows[0]));
  };

   $scope.items = ['item1','item2','item3'];

   $scope.open = function () {

    $modal.open({
      templateUrl: 'myGridTemplate.html',//'myTemplate.html',controller: ModalInstanceCtrl,resolve: {
        items: function () {
          return $scope.items;
        }
      }
    });
   };
});


var ModalInstanceCtrl = function ($scope,$modalInstance,items) {

  $scope.items = items;
  $scope.selected = {
    item: $scope.items[0]
  };

  $scope.myTempSource = new kendo.data.DataSource({
          data: [
            {ColumnOne:'One',ColumnTwo:'Six'}
            ]
  });

   $scope.myTempGridChange = function(){
     var selectedRows = $scope.myTempGrid.select();
     console.log($scope.myTempGrid.dataItem(selectedRows[0]));
  };

  $scope.ok = function () {
    $modalInstance.close($scope.selected.item);
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
};

我得到了无法调用方法’select’的undefined at

var selectedRows = $scope.myTempGrid.select();

这是我的plnkr链接

http://plnkr.co/edit/GUSX6JR9HRvtdSWclvPl?p=preview