2017-02-23 8 views
0

テーブルのタイトルを表示する際に問題があります。私は表示する必要がタイトル(anglejs)にJSONの属性を表示

<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> 

:ここ

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

は言ったプロジェクトの詳細を開くモーダルです:

これは私が詳細を「モーダル」を開くためにクリックした場所でありますそれは "Detalle Tareas"と呼ばれる "h4"のモーダルの中の "z.proyecto"の名前です。 どうすればいいですか?

これは私のangularjsです。私はモーダルを表示し、現在の変更で更新しました。

私はあなたがこのようなあなたの機能 mostrar_proyecto更新できると思い
$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

:ちょうどこのようなことVARにh4を結合し、あなたのモーダル

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) } 

と今をdatos10の 'ng-repeat =" yの 'datos10'? ?$ scope.mostrar_proyecto =機能(PROJECT_ID、proyectoの){ \t \t http.get(「conector.php tipoDato = query10&PROJECT_ID:私は私のJSONを取得する場所 – lealceldeiro

+0

があり、私はこのようにそれを試してみましたangularjs一部 – frager0

答えて

1

: `何

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

を示す質問を編集しました= "+ PROJECT_ID) \t \t .then(関数(応答){ \t \t \t $ scope.mensajeEspera = ""; \t \t \t $ scope.datos10 = response.data;(VARに対する \t \t \t 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

関連する問題