ng-grid不显示任何数据

我一直试图在3小时内在ng-grid中显示json数据但是无法做到.我按照ng -grid的入门指南中给出的说明进行了跟踪.但是无法在网格中显示数据.

在我的UserEdit.aspx页面中,我的HTML代码如下:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UserEdit.aspx.cs" Inherits="SampleWebApp.UserEdit" %>

        
        
        
            
            
            
            
            
            
            
            
        
        
            

            

                

                    

                        

                            First Name:
                            
                        
                        

                            Last Name:
                            
                        
                    
                

            
           

            

            
            
        
        

在我的模块的Control.js文件中,我已经注入了ngGrid的依赖项,并在我的控制器中MyCtrl初始化了gridoptions变量.我的js代码如下

在我的Control.js中,它如下:

var app = angular.module("myApp", ["ngGrid"]);

app.controller('MyCtrl', function ($scope) {
    $scope.myData = [{ name: "Moroni", age: 50 },
                 { name: "Tiancum", age: 43 },
                 { name: "Jacob", age: 27 },
                 { name: "Nephi", age: 29 },
                 { name: "Enos", age: 34}];
    $scope.gridOptions = {
     data:'myData'
     };
 $scope.$apply();
}); 

仅供参考,控制台中没有出现任何错误.当我查看http://angular-ui.github.io/ui-grid/中给出的示例时,如果我查看了plunker中的代码,则会发生同样的事情(即我看不到任何网格).

感谢任何帮助!!

你在MyCtrl 外面使用ng-app

它应该在它的模块里面.

试试这样

N:B:你不需要$scope.$apply();.