Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/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
Javascript 如何在angularjs的ng网格中显示json数据_Javascript_Json_Angularjs_Ng Grid - Fatal编程技术网

Javascript 如何在angularjs的ng网格中显示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'

我是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'}
  }).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,你的笨蛋解释我的问题解决方案。