显示标题中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绑定到这样的var：

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