javascript - 在标题中显示 JSON 的属性 (angularjs)

Question

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

这是我点击打开包含详细信息的“模式”的位置:

<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";
}

Answer 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绑定(bind)到该变量，如下所示:

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