Hola buenas tardes tengo el siguiente problema resulta que tengo un proyecto en ionic que utiliza tabs, El tab principal muestra:
una lista de hospitales con su dirección de establecimiento:
-hospital del Carmen
camino rinconada #882
-hospital Sotero del rio
puente alto #898
Son datos consumido de un Web Service y mostrados con ng-repeat
y estan contenidos por:
-id_sucursal
-dirección
-nombre_empresa
Explicado esto, al hacer click por ejemplo en el hospital del Carmen
Se abre una nueva tabs y Aquí quiero mostrar como titulo su nombre_empresa y utilizar su id_sucursal
para que me muestre las sucursales que tiene disponible, es decir volver a consumir datos.
Mi código:
<ion-list>
<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="su in sucursales" type="item-text-wrap" href="#/tab/sucursal/{{su.id_sucursal}}">
<h2>{{su.nombre_empresa}}</h2>
<p>{{su.direccion}}</p>
<i class="icon ion-chevron-right icon-accessory"></i>
</ion-item>
</ion-list>
app.js:
.state('tab.sucursal', {
url: '/sucursal/:id_sucursal',
views: {
'tab-empresa': {
templateUrl: 'templates/empresa-sucursal.html'
}
}
})
Como resultado al hacer click en el nombre de la empresa:
La ruta con su id:
http://localhost:8100/#/tab/sucursal/20
Hasta ahora no eh dado con lo que quiero, mi pregunta es ¿que debo hacer para poder usar el id y así consumir datos, como tambien mostrar el nombre en su titulo?
Saludos