Угловой ответ JSON

0

Ниже приведен json-ответ от моего API. Я хотел бы использовать ng-repeat в своем html, чтобы вернуть эти данные конечному пользователю. Как мне перейти на мой контроллер де-сериализации данных json.

    {
  "message": "Query to return servers",
  "result": [
    {
      "meta": [
        "Computer",
        "SQLPort",
        "Domain"
      ],
      "rows": [
        [
          "MyCompterName",
          "1433",
          "XXXX"
        ]
      ]
    }
  ]
}

вот код для app.js, который загружается в index.html

var app = angular.module('DSCApp', ['ngRoute', 'ngResource','ui.router']);

конфиг

app.config(function($routeProvider){
    $routeProvider
        .when('/DSC', {
            templateUrl: "DSC.html",
            controller: 'DscController'
        })
        .otherwise({ redirectTo: '/' });
});

Фабрика данных

app.factory('dataFactory', ['$http', function($http) {
    var urlBase = '/api';
    var dataFactory = {};

    dataFactory.getServers = function () {
        return $http.get(urlBase);
     };

     return dataFactory;
}]);

контроллер

 app.controller('DscController', ['$scope', 'dataFactory',
 function  ($scope, dataFactory) {  
  $scope.status
  $scope.servers;  

  getServers();

        function getServers() {
        dataFactory.getServers()
            .success(function (srv) {
                $scope.servers = srv;
            })
            .error(function (error) {
                $scope.status = 'Unable to load server data: ' + error.message;
            });
    }   

}]);
  • 1
    Какие данные вы хотите проанализировать? Вы пытались искать библиотеки, которые делают работу?
  • 0
    Я хочу проанализировать данные «строк» и, по сути, представить их обратно в отформатированной HTML-таблице.
Показать ещё 4 комментария
Теги:
parsing

1 ответ

0
Лучший ответ

Использование ng-repeat в обоих главах таблицы и таблицы должно работать.

<html ng-app='app' ng-controller='DscController'>
      <head>
      </head>
      <body>
        <div class="container">
          <div class="jumbotron">
            <table ng-if="servers" class="table table-bordered">
              <thead>
                <tr>
                  <th ng-repeat="head in servers.result[0].meta">{{head}}</th>
                </tr>
              </thead>
              <tbody ng-repeat="r in servers.result">
                <tr ng-repeat="row in r.rows">
                  <td ng-repeat="item in row">{{item}}</td>
                </tr>
              </tbody>
            </table>
            <p ng-if="!servers">{{status}}</p>
          </div>
        </div>
    </body>
 </html>

Я включил необходимые повторы для обработки данных точно так, как он был представлен. Я предполагаю, что мета будет одинаковой для всех результатов.

  • 0
    спасибо ... позвольте мне попробовать
  • 0
    так вот мой app.js, который я загружаю в index.html
Показать ещё 8 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню