2017-02-23 69 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