Javascript 如何在angularjs的ng网格中显示json数据
我是Angularjs新手,我想使用ng grid以网格形式显示来自webservice响应的JSON数据Javascript 如何在angularjs的ng网格中显示json数据,javascript,json,angularjs,ng-grid,Javascript,Json,Angularjs,Ng Grid,我是Angularjs新手,我想使用ng grid以网格形式显示来自webservice响应的JSON数据 function TestController($scope, $http) { alert("test"); $http({ url: 'http://my_Personal_Url', method: "POST", data: postData, headers: {'Content-Type': 'application/jsonp'
function TestController($scope, $http) {
alert("test");
$http({
url: 'http://my_Personal_Url',
method: "POST",
data: postData,
headers: {'Content-Type': 'application/jsonp'}
}).success(function (data, status, headers, config) {
$scope.persons = data; //
}).error(function (data, status, headers, config) {
alert("test2");
$scope.status = status;
});
但是在上面的代码中没有定义PostData
$scope.gridOptions = {
data: 'myData',
columnDefs: [
{field: 'DirectLine', displayName: 'DirectLine'},
{field:'Email', displayName:'Email'}
{field:'Employee', displayName:'Employee'}
{field:'Extention', displayName:'Extention'}
{field:'Id', displayName:'Id'}
{field:'PhoneNumber', displayName:'PhoneNumber'}
{field:'Title', displayName:'Title'}
]
};
现在我如何从json对象获取数据到myData?这样我就可以使用ng网格作为
<div ng-controller="TestController">
<div class="gridStyle" ng-grid="gridOptions"></div>
</div>
这里是我的个人url(它是保密的,所以我不想显示)
上面的代码有时显示为postData未定义,有时显示为405错误
请解释plunker链接的问题,ng grid中的“data”属性接受数据对象的名称,在您的情况下,名称是“persons”,因为HTTP请求的响应转到
$scope.persons
示例:
$scope.gridOptions = {
data: 'persons',
columnDefs: [
{field: 'DirectLine', displayName: 'DirectLine'},
{field:'Email', displayName:'Email'}
{field:'Employee', displayName:'Employee'}
{field:'Extention', displayName:'Extention'}
{field:'Id', displayName:'Id'}
{field:'PhoneNumber', displayName:'PhoneNumber'}
{field:'Title', displayName:'Title'}
]
};
实例:myData看起来如何?实际上我不知道如何生成网格,在myData的情况下,网格字段如上所示,不幸的是,在$http语法中,我使用了$scope.persons而不是绑定在控制器中的myData。它最适合我,谢谢Alex Choroshin,你的笨蛋解释我的问题解决方案。