[英]how to display json data in ng-grid in angularjs
我是Angularjs的新手,我想通過使用ng-grid將web服務響應中的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'}
]
};
NO如何從json對象獲取數據到myData? 所以我可以使用ng-grid作為
<div ng-controller="TestController">
<div class="gridStyle" ng-grid="gridOptions"></div>
</div>
這里是我的個人網址(它是保密的,所以我不想顯示)上面的代碼顯示有時因為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'}
]
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.