Json輸出到AngularJs

我很難格式化和顯示（使用AngularJS）json輸出。這是通過java springboot應用程序生成的json輸出。Json輸出到AngularJs

[ 
    { 
     "id": 1, 
     "estado": "Activo", 
     "aperturafecha": "08/08/2014", 
     "aperturahora": "14:00:00", 
     "clasificacion": "Actualización", 
     "diagnostico": "Actualizacion de software", 
     "resolucion": "Actualizaciones realizadas", 
     "insumos": "Ninguno", 
     "cierrefecha": "08/08/2014", 
     "cierrehora": "14:05:00", 
     "prioridad": "Media", 
     "indisponibilidad": "00:05:00", 
     "codename": "A1", 
     "tipoincidente": "S", 
     "hardwares": [], 
     "sistemas": [ 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 19 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 20 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 21 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 22 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 1 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 2 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 3 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 4 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 5 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 6 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 7 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 8 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 9 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 10 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 11 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 12 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 13 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 14 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 15 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 16 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 17 
       } 
      }, 
      { 
       "id": { 
        "incidenteid": 1, 
        "sistemaid": 18 
       } 
      } 
     ], 
     "softwares": [], 
     "tecnico": { 
      "id": 4, 
      "nombre": "Lucas Ignacio Sarafian", 
      "legajo": "400450", 
      "email": "[email protected]", 
      "interno": "5224" 
     } 
    } 
]

這是表I'm顯示的數據：

<!doctype html> 
<html ng-app="incidente"> 
<head> 
<title>Incidentes SNR</title> 
<meta charset="UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

<!-- Angular --> 
<script data-require="[email protected]" data-semver="1.3.0-beta.5" 
    src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script> 

<!-- Incidente --> 
<script src="js/incidente.js"></script> 

<!-- Bootstrap --> 
<link href="css/bootstrap.css" rel="stylesheet"> 

</head> 
<body ng-controller="IncidenteController"> 
    <div class="container"> 
     <ul class="nav nav-pills" role="tablist"> 
      <li class="active"><a href="/index.html">home</a></li> 
      <li><a href="/tecnicos.html">Tecnicos</a></li> 
      <li><a href="/sistemas.html">Sistemas</a></li> 
      <li><a href="/incidentes.html">Incidentes</a></li> 
      <li><a href="/login.html">login</a></li> 
      <li ng-show="authenticated"><a href="" ng-click="logout()">logout</a></li> 
     </ul> 
    </div> 
    <form role="form"> 
     <div class="panel-body"> 
      <table class="table table-hover table-bordered"> 
       <thead> 
        <tr class="bg-info"> 
         <th class="col-md-1" data-align="center">Fecha Apertura</th> 
         <th class="col-md-1" data-align="center">Hora Apertura</th> 
         <th class="col-md-2" data-align="center">Clasificacion</th> 
         <th class="col-md-2" data-align="center">Diagnostico</th> 
         <th class="col-md-2" data-align="center">Resolucion</th> 
         <th class="col-md-1" data-align="center">Insumos</th> 
         <th class="col-md-1" data-align="center">Fecha de Cierre</th> 
         <th class="col-md-1" data-align="center">Hora de Cierre</th> 
         <th class="col-md-2" data-align="center">Prioridad</th> 
         <th class="col-md-2" data-align="center">Indisponibilidad</th> 
        </tr> 
       </thead> 
       <tbody ng-repeat="incidente in incidentes"> 
        <tr class=""> 
         <td class="col-md-1" data-align="center">{{incidente.aperturafecha}}</td> 
         <td class="col-md-1" data-align="center">{{incidente.aperturahora}}</td> 
         <td class="col-md-2" data-align="center">{{incidente.clasificacion}}</td> 
         <td class="col-md-2" data-align="center">{{incidente.diagnostico}}</td> 
         <td class="col-md-2" data-align="center">{{incidente.resolucion}}</td> 
         <td class="col-md-1" data-align="center">{{incidente.insumos}}</td> 
         <td class="col-md-1" data-align="center">{{incidente.cierrefecha}}</td> 
         <td class="col-md-1" data-align="center">{{incidente.cierrehora}}</td> 
         <td class="col-md-2" data-align="center">{{incidente.prioridad}}</td> 
         <td class="col-md-2" data-align="center">{{incidente.indisponibilidad}}</td> 
         <td ng-repeat="sistema in incidentes">{{sistema.id.sistemaid}}</td> 
        </tr> 
       </tbody> 
      </table> 
     </div> 
    </form> 
</body> 
</html>

我不確定如何顯示所有「SISTEMAS」。

來源

2015-11-04 r007

爲便於閱讀 –

首先你應該分析這個JSON文件：

var onIncidenteComplete = function(response) { 
    $scope.incidentes = JSON.parse(response.data); 
}; 
$scope.sistemas = $scope.incidentes.sistemas;

，然後在你的HTML文件，你應該有

<div ng-repeat="system in sistemas"> 
     {{system.(whatever you want)}}; 
</div>

來源

2015-11-04 18:37:42

格式化的JSON我的繼承人angularjs與控制器和文件得到的方法，不知道如何添加afterParse ... http://pastebin.com/raw.php?i=rVtv60Wh – r007

哪個控制器和哪個獲取請求在這個文件中的意思是？ –

Este es el控制器頁面： http://pastebin.com/raw.php?i=E9esA2fd 它獲取java api的輸出。 http://pastebin.com/raw.php?i=aVUKBzaj – r007

Json輸出到AngularJs

回答

相關問題