Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/vba/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS ng网格没有显示任何数据,为什么?_Angularjs - Fatal编程技术网

AngularJS ng网格没有显示任何数据,为什么?

AngularJS ng网格没有显示任何数据,为什么?,angularjs,Angularjs,我将把REST数据集转换成ng网格组件。我使用的是ng grid组件附带的基本演示,但使用$http.get填充网格: <html ng-app="myApp"> <head> <link rel="stylesheet" type="text/css" href="ng-grid.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> <script type


我将把REST数据集转换成ng网格组件。我使用的是ng grid组件附带的基本演示,但使用$http.get填充网格:

<html ng-app="myApp">
<head>


<link rel="stylesheet" type="text/css" href="ng-grid.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="ng-grid-2.0.7.min.js"></script>


<script language="javascript">
                var app = angular.module('myApp', ['ngGrid']);


                app.controller('Hello', function($scope, $http) {

                      $http.get('http://server/json').
                        success(function(data) {
                             $scope.myData = data;

                        });

                    });



                    $scope.gridOptions = {
                            data: 'myData',
                            enableRowSelection: false,
                            enableCellEditOnFocus: true,
                            multiSelect: false, 
                            columnDefs: [
                              { field: 'name', displayName: 'name', enableCellEdit: false } ,
                              { field: 'surname', displayName: 'surname', enableCellEdit: false } 
                            ]
                          };

                });


               </script>
</head>

<body ng-controller="Hello">

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

var-app=angular.module('myApp',['ngGrid']);
app.controller('Hello',函数($scope,$http){
$http.get('http://server/json').
成功(功能(数据){
$scope.myData=数据;
});
});
$scope.gridOptions={
数据:“myData”,
enableRowSelection:false,
enableCellEditOnFocus:true,
多选:错,
columnDefs:[
{字段:'name',显示名称:'name',enableCellEdit:false},
{字段:“姓氏”,显示名称:“姓氏”,enableCellEdit:false}
]
};
});
我已经尝试了上面的代码,但是没有调用REST服务,网格显示为一个空白div。我尝试了$http.get方法的几个变体,但没有成功
有什么帮助吗
谢谢

你需要改变

http://server/json

到您正在调用以实际获取数据的端点://server/json只是实际端点的占位符。div为空,因为那里没有数据。

您的
gridOptions
似乎是在控制器外部设置的。把它移到里面,它就会工作。

谢谢你的评论。我在问题中添加了一个假端点名称,以隐藏相当长的实际名称。谢谢。解决了我的问题。