У меня возникли проблемы с формированием и показом (используя AngularJS) выход json. Это выход json, который создается через приложение java springboot.
[
{
"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"
}
}
]
Это таблица, на которой показаны данные:
<!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>
Я не уверен, как показать все "системы".
сначала вы должны проанализировать этот файл 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>