小编C K*_*C K的帖子

Angular JS:在ng-Grid中没有显示JSON数据

我使用Web API创建了MVC 4.0 app,它以JSON格式返回数据(我使用NewtonSoft.Json将对象序列化为json)并尝试在ng-Grid中绑定数据.我收到以下格式的数据:

"[{\"Name\":\"FIRST_NAME\",\"Value\":\"FIRST_NAME\"},{\"Name\":\"CURRENT_DATE_TIME\",\"Value\":\"CURRENT_DATE_TIME\"},{\"Name\":\"CLIENTID\",\"Value\":\"CLIENTID\"},{\"Name\":\"CALLMODE\",\"Value\":\"CALLMODE\"}, {\"Name\":\"new 321\",\"Value\":null}]"
Run Code Online (Sandbox Code Playgroud)

当我试图将数据分配给ng-Grid时,每个char都填充在不同的行上.以下是我写的javascript:

var guidesRespApp = angular.module('guidesRespApp', ['ngGrid']);

//Get Data from restful API.
guidesRespApp.controller('MyCtrl', function ($scope, $http) {
    $http.get('/api/datadictionary').success(function (thisdata) {
            $scope.myData  =  thisdata;
    });

     $scope.filterOptions = {
        filterText: '',
        useExternalFilter: true,
    };


    //Setting grid options
    $scope.gridOptions = {
      data: 'myData',
      multiSelect: true,
      filterOptions: { filterText: '', useExternalFilter: false },
      enableRowReordering: false,
      showGroupPanel: false,
      maintainColumnRatios: false,
      groups: [],
      showSelectionCheckbox: true,
      showFooter: true,
      enableColumnResize: true,
      enableColumnReordering: true
    };


//    $scope.totalFilteredItemsLength = function() {
//        //return self.filteredRows.length; …
Run Code Online (Sandbox Code Playgroud)

asp.net-web-api angularjs ng-grid

8
推荐指数
1
解决办法
2万
查看次数

标签 统计

angularjs ×1

asp.net-web-api ×1

ng-grid ×1