hola tengo un archivo json corriendo en un servidor local con dos tablas clientes y bonos.el archivo json llamado clientes con llave primaria id lo tengo en una tabla. Estoy tratando que cuando le de click al id de la tabla clientes muestre en un pop-up los datos de ese cliente pero tomándolos de json bonos.
tengo algo asi
<table class="table table-striped results" id="table1">
<thead>
<tr id="trstyle">
<th>N° Bono</th>
<th>Cédula</th>
<th>Cliente</th>
<th>Valor</th>
<th>Saldo</th>
<th>Fecha creación</th>
<th>Fecha vencimiento</th>
<th>Usuario</th>
<th>Estado</th>
<th>Motivo</th>
<th>Canal</th>
</tr>
<tr class="warning no-result">
<td colspan="4"><i class="fa fa-warning"></i> No result</td>
</tr>
</thead>
<tbody>
<tr id="trstyle" ng-repeat="x in todos">
<td id="thbono"><a ng-click="cargar(x)" ng-href={{"#pop1"}} id="open">{{x.id}}</a></td>
<td>{{x.cedula}}</td>
<td>{{x.cliente}}</td>
<td>{{x.valor}}</td>
<td>{{x.saldo}}</td>
<td>{{x.fechaCreacion}}</td>
<td>{{x.fechaVence}}</td>
<td>{{x.usuario}}</td>
<td>{{x.estado}}</td>
<td>{{x.motivo}}</td>
<td>{{x.canal}}</td>
</tr>
</tbody>
</table>
<ul id="#links"></ul>
<div id="pop1" class="pop-up" ng-controller="TodoCtrl2">
<div class="popBox">
<div class="popScroll">
<table class="table table-bordered results" id="table1">
<thead>
<tr id="trstyle">
<th>Fecha</th>
<th>Número</th>
<th>Cédula</th>
<th>Cliente</th>
<th>Valor</th>
<th>Documento</th>
<th>Canal</th>
<th>Mensaje</th>
<th>Usuario</th>
</tr>
</thead>
<tbody>
<tr id="trstyleque" ng-repeat="y in bonos">
<td>{{y.creationdate}}</td>
<td>{{y.id}}</td>
<td>{{y.document}}</td>
<td>{{y.client}}</td>
<td>{{y.valor}}</td>
<td>{{y.canal}}</td>
<td>{{y.canal}}</td>
<td>{{y.motivo}}</td>
<td>{{y.usuario}}</td>
</tr>
</tbody>
</table>
</div>
en el js tengo algo asi.
//Consulta un archivo json para llenar la tabla
var App = angular.module('App', []);
App.controller('TodoCtrl', function($scope, $http) {
$http.get('http://localhost:3000/clientes/')
.then(function(res){
$scope.todos = res.data;
});
});
//Consulta un archivo json para llenar el pop-up
App.controller('TodoCtrl2', function($scope, $http) {
$scope.bonos=[];
$http.get('http://localhost:3000/detalle_Bonos/')
.then(function(res){
$scope.bonos = res.data;
});
$scope.cargar = function(bono){
console.log(bono);
$scope.bonos[0] = bono;
}
});
muchas gracias