title: Problems with displaying data in the view (angularjs)
body: <p>This is a json sample with 2 objects im retrieving:</p>
  
  <pre><code> [{"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."}]
  </code></pre>
  
  <p>I storage the data in angular to be displayed:</p>
  
  <pre><code>scope.llamada1 = function() { 
  
      $http.get("conector.php?tipoDato=query1")
      .then(function(response) {
          $scope.mensajeEspera = "";
          $scope.datos1 = response.data;
  
          for(var i = 0; i &lt; $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;
      });
  }
  </code></pre>
  
  <p>I have Projects, and each project can have multiple tasks, I need to display the data like this:</p>
  
  <pre><code>&lt;table id="tablaTareas" class="table table-striped table-bordered" &gt;
      &lt;thead&gt;
          &lt;tr&gt;
          &lt;td&gt;&lt;b&gt;Proyecto&lt;/b&gt;&lt;/td&gt;
          &lt;td&gt;&lt;b&gt;Alerta&lt;/b&gt;&lt;/td&gt;
          &lt;td&gt;&lt;b&gt;Tareas&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="x in datos1 "&gt;
              &lt;td style="vertical-align: top;"&gt;{{x.proyecto}}&lt;/td&gt;
              &lt;td style="vertical-align: top;"&gt;{{x.alerta}}&lt;/td&gt;
              &lt;td style="vertical-align: top;"&gt;
              &lt;table class="table table-striped table-bordered" &gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;b&gt;Tarea&lt;/b&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;b&gt;Termino&lt;/b&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;b&gt;Estado&lt;/b&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;b&gt;Responsable&lt;/b&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
  
                  &lt;tbody&gt;
                      &lt;tr ng-repeat="y in x.detalleProyecto track by $index"&gt;
                          &lt;td style="vertical-align: top;"&gt;{{y.tarea}}&lt;/td&gt;
                          &lt;td style="vertical-align: top;"&gt;{{y.fecha_termino}}&lt;/td&gt;
                          &lt;td style="vertical-align: top;"&gt;{{y.estado}}&lt;/td&gt;
                          &lt;td style="vertical-align: top;"&gt;{{y.nombre_completo}}&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
  
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I dont know what is the problem with the code, i think i may be retrieving the data in angulajs in the wrong way?</p>