从标题中的JSON显示属性(angularjs)

时间:2017-02-23 17:43:32

标签: javascript html angularjs json

我在显示表格标题时遇到问题。

这是我点击打开带有详细信息的“模态”的地方:

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

我需要在“h4”中的模式中显示“z.proyecto”的名称,其中显示“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";
}

1 个答案:

答案 0 :(得分:1)

I think you could update your function mostrar_proyecto like this:

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

and now in your modal just bind the h4 to that var like this:

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