2017-02-23 66 views
0

我有问题显示表的标题。从title中显示JSON的属性(angularjs)

这是我点击打开一个“模式”与细节:

<td><a href="#" ng-click="mostrar_proyecto(z.project_id)">{{z.proyecto}}</a></td> 

下面是与所述项目的详细信息,打开了模态:

<div id="proyecto_detalle" class="modal" style="display: {{estiloProyecto_detalle}};"> 
    <div class="modal-content"> 
     <span class="close" ng-click="close_proyecto_detalle()">&times;</span> 
     <h4 align="center">Detalle Tareas</h4> 

     <table id="detalleTareas" class="table table-striped table-bordered"> 
      <thead> 
       <tr> 
        <td><b>Tarea</b></td> 
        <td><b>Inicio</b></td> 
        <td><b>Termino</b></td> 
        <td><b>Completado</b></td> 
        <td><b>Esperado</b> </td> 
        <td><b>Responsable</b></td> 
       </tr> 
      </thead> 
      <tbody> 
       <tr ng-repeat="y in datos10"> 
        <td style="vertical-align: top;">{{y.tarea}}</td> 
        <td style="vertical-align: top;">{{y.inicio}}</td> 
        <td style="vertical-align: top;">{{y.termino}}</td> 
        <td style="vertical-align: top;">{{y.completado}}%</td> 
        <td style="vertical-align: top;">{{y.esperado}}%</td> 
        <td style="vertical-align: top;">{{y.nombre}}</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 

我需要证明名为“z.proyecto”的模型内的“h4”中的“Detalle Tareas”。 关于我该如何做的任何提示?

这是我的angularjs,其中我显示模态,用当前更改更新。

$scope.mostrar_proyecto = function(project_id, proyecto) { 

    $http.get("conector.php?tipoDato=query10&project_id="+project_id) 
    .then(function(response) { 
     $scope.mensajeEspera = ""; 
     $scope.datos10 = response.data; 

     for(var i = 0; i < $scope.datos10.length; i++){ 
      var currentObj = $scope.datos10[i]; 
      console.log(currentObj); 
      currentObj.tituloObj = currentObj.proyecto; 
      $scope.titulo = currentObj.tituloObj; 
     currentObj.titulo = currentObj.tituloObj; 
     } 
     $scope.titulo = currentObj.tituloObj; 
    }); 
    $scope.estiloProyecto_detalle = "block"; 
} 
+0

什么' datos10' in'ng-repeat =“y in datos10”'? – lealceldeiro

+0

就是让我的JSON,我编辑显示angularjs部分 – frager0

回答

1

我想你可以升级你的函数mostrar_proyecto这样的:

function mostrar_proyecto(id){ 
    //...your previous code 

    //update 

    //...retrieve project data: z.proyecto and bind it 
    $scope.title = z.proyecto; //or your specific data (titulo de la tarea, detalles, or any other) 
} 

,现在在你的模式只是绑定h4到VAR是这样的:

<h4 align="center" data-ng-bind="title"></h4> 
+0

我尝试了这样的问题:$ scope.mostrar_proyecto =功能(PROJECT_ID,PROYECTO){ \t \t http.get(“conector.php tipoDato = query10&PROJECT_ID =“+ PROJECT_ID) \t \t。然后(功能(响应){ \t \t \t $ scope.mensajeEspera = ”“; \t \t \t $ scope.datos10 = response.data; \t \t \t为(VAR I = 0; i <$ scope.datos10.length; i ++){ \t \t \t \t var currentObj = $ scope.datos10 [i]; \t \t \t \t console.log(currentObj); \t \t \t \t currentObj.tituloObj = currentObj.proyecto; \t \t \t \t $ scope.titulo = currentObj.tituloObj; \t \t \t \t currentObj.titulo = currentObj.tituloObj;} \t \t \t $ scope.titulo = currentObj.tituloObj; \t \t}); $ scope.estiloProyecto_detalle =“block”; \t} – frager0

+0

并且不工作:/ – frager0

+0

@ frager0,您是否可以使用此代码更新问题,以便更好地分析它? – lealceldeiro