내가 AngularJS와 새로운 오전 AngularJS와

Question

에 NG 그리드에서 JSON 데이터를 표시하는 방법을, 내가 누군 코드 NG-격자를 사용하여 격자 형태로 웹 서비스 응답에서 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이 defined.my되지 겨 그리드 범위는 지금은 MYDATA에 JSON 객체에서 데이터를 얻을 수있는 방법이

$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'} 
] 
}; 

처럼? postData를 정의하고 때로는 405 오류가 발생하지 않는 한 내가 여기

<div ng-controller="TestController"> 

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

로 NG 그리드를 사용할 수 있도록 내 개인 URL이 위의 코드는 때때로 보여줍니다 (이 기밀 그래서 내가 보여주고 싶어하지 않음) .

하면 plunker 링크

Answer 1

'데이터'의 문제를 설명해주십시오 NG 그리드의 속성은 데이터 객체의 이름을 받아, 귀하의 경우 이름은 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'} 
] 
}; 

라이브 예 : http://plnkr.co/edit/UndbtO?p=preview