2017-02-22 91 views
0

這與2個對象即時檢索一個JSON樣品:問題與在視圖中顯示的數據(angularjs)

[{"project_id":"538","proyecto":"Caja","tarea":"DEF","fecha_termino":"00-00-00","estado":"Vencido","nombre_completo":"Christiano Ronaldo","alerta":"-Analista responsable: Lionel Messi.; \r\n-Estado Actual: DEF en Construcci\u00f3n detenido por el arbitro.; \r\n-Evaluaci\u00f3n validar en caja lejos. Validacion de pin de trajetas cau.;\r\n28-06-2017 : Usuario Suspende proyecto por cambio de prioridad."},{"project_id":"538","proyecto":"Caja ","tarea":"CAT y Capacity","fecha_termino":"00-00-00","estado":"Vencido","nombre_completo":"Christiano Ronalddo","alerta":"-Analista responsable: Lionel Messi.; \r\n-Estado Actual: DEF en Construcci\u00f3n detenido por capacity de Depto de Tarjetas.; \r\n-Evaluaci\u00f3n validar en caja atalla o redbanc. Validacion de pin de trajetas cau.;\r\n28-06-2017 : Usuario Suspende proyecto por cambio de prioridad."}] 

我存儲要被顯示在角度中的數據:

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]; 
      currentObj.TareasObj = currentObj.tarea + ", " + currentObj.fecha_termino + ", " + currentObj.estado + ", " + currentObj.nombre_completo; 
      console.log(currentObj.TareasObj); 
      $scope.detalleProyecto = currentObj.TareasObj; 
      currentObj.detalleProyecto = currentObj.TareasObj; 
     } 
    $scope.detalleProyecto = currentObj.TareasObj; 
    }); 
} 

我有項目,每個項目可以有多個任務,我需要顯示這樣的數據:

<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 style="vertical-align: top;">{{y.tarea}}</td> 
         <td style="vertical-align: top;">{{y.fecha_termino}}</td> 
         <td style="vertical-align: top;">{{y.estado}}</td> 
         <td style="vertical-align: top;">{{y.nombre_completo}}</td> 
        </tr> 
       </tbody> 
      </table> 

      </td> 
     </tr> 
    </tbody> 
</table> 

我不知道是什麼問題的Wi代碼,我想我可能會以錯誤的方式檢索angulajs中的數據?

+0

*我不知道什麼是代碼*問題:如果你不能告訴是什麼問題,我們怎麼能幫助修復它?告訴你期望你的代碼做什麼,並告訴它做了什麼。 then()回調函數中的代碼沒有多大意義。你應該重新思考它。 –

+0

嘗試調試您的代碼。可以在http.get.then()中放置'console.log(response.data)'來查看是否有數據。如果存在,則查看datos1是否具有該值。慢慢地,你會達到一個你會發現故障的地步。 – Smit

+0

@ frager0檢查plnkr https://plnkr.co/edit/AmVEq3gJrSRxTZux0lWa?p=preview –

回答

0
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 
    }]; 
} 
+0

聖潔的狗屎夥計,它的工作!非常感謝 – frager0

2

看起來像每個datos1的detalleProyecto需要tarea,fecha_termino,estado和nombre_completo哪些丟失。 我不明白你爲什麼需要「$ scope.detalleProyecto」,所以我忽略了這一點。

爲此應該至少爲它工作!

for(var i = 0; i < $scope.datos1.length; i++){ 
    var currentObj = $scope.datos1[i]; 
    currentObj.TareasObj = {tarea : currentObj.tarea , fecha_termino: currentObj.fecha_termino, estado:currentObj.estado, nombre_completo: currentObj.nombre_completo}; 
    currentObj.detalleProyecto = currentObj.TareasObj; 
} 
+0

我認爲你將不得不推動currentObj.TareasObj到currentObj.detalleProyecto aarray。 currentObj.detalleProyecto.push(currentObj.TareasObj); –

+0

謝謝!我能夠將我現在提到的值的數據存儲在TareasObj中,但我仍然無法在視圖中顯示它們。< – frager0

+0

currentObj沒有鍵'TareasObj'或'detalleProyecto'。它不是一個數組,所以我認爲它應該沒問題。它只會添加新的鍵值對。 –