1
Im在显示表中需要的数据时遇到了麻烦。我做了以下草图所以你们可以找出我想显示:用ng-repeat显示数据表中的内容(angularjs,html)
查询我在我的PHP/MySQL连接器带给我的每一个“利亚”的数据(第二个表)与“PROYECTO “和”alerta“,但我需要显示”proyecto“和”alerta“每行只有一次。
所以我这样做的角度来存储第二个表(Tarea,Termino,Estado,Nombre)的数据,而我显示第一个表的数据。
scope.llamada1 = function() {
$http.get("conector.php?tipoDato=query1")
.then(function(response) {
$scope.mensajeEspera = "";
$scope.datos1 = response.data;
for(var i = 0; i < $scope.datos1.length; i++){
var currentObj = $scope.datos1[i];
$scope.datos1[i].detalleProyecto = [{
"tarea":currentObj.tarea ,
"fecha_termino":currentObj.fecha_termino ,
"estado":currentObj.estado,
"nombre_completo":currentObj.nombre_completo}];
}
});
}
而在HTML我得到这样的数据,与上表里面:
<table id="tablaTareas" class="table table-striped table-bordered" >
<thead>
<tr>
<td><b>Proyecto</b></td>
<td><b>Alerta</b></td>
<td><b>Tareas</b></td>
</tr>
</thead>
<tbody>
<tr ng-repeat="x in datos1 ">
<td style="vertical-align: top;">{{x.proyecto}}</td>
<td style="vertical-align: top;">{{x.alerta}}</td>
<td style="vertical-align: top;">
<table class="table table-striped table-bordered" >
<thead>
<tr>
<td><b>Tarea</b></td>
<td><b>Termino</b></td>
<td><b>Estado</b></td>
<td><b>Responsable</b></td>
</tr>
</thead>
<tbody>
<tr ng-repeat="y in x.detalleProyecto track by $index">
<td>{{y.tarea}}</td>
<td>{{y.fecha_termino}}</td>
<td>{{y.estado}}</td>
<td>{{y.nombre_completo}}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
不过是重复“PROYECTOS”和“ALERTA”和每行显示1“利亚”而不是每个项目每个项目一起并警惕,下面的例子。
但你如何存储数据?我该怎么做,价值dosnt重复自己? – frager0
你应该遍历你的数组,搜索重复的数据 - >如果它已经存在,你需要将数据(tarea,fecha_termino,estado)推送到另一个数组中,如果它不存在,你应该创建另一个对象并将其推向阵列 – viralrf
你有启发我,非常感谢你的榜样。我在早上 – frager0