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
似乎是在控制器外部设置的。把它移到里面,它就会工作。谢谢你的评论。我在问题中添加了一个假端点名称,以隐藏相当长的实际名称。谢谢。解决了我的问题。