Hi , Please I nead help , I m working on a map application , I set markers and InfoWindow and in every infowWindow I put a boutton of details that should open a new view wthere we can find more detail about every marker , but here when I click I get the same view and the same informations ( i used firebase to place markers and informations) . and this is the code
map.html:

<info-window id="marker-info" max-width="200" style="background-color: linen;">
....

<a class="tab-item" href="#/detail" >
<i class="button icon-right ion-chevron-right button-positive" style="border-radius: 12px; float: left;">
detail.html







</div>

<div class="content" "></div>


Marker name
{{marker.name}}


app.js

.config(function($stateProvider, $urlRouterProvider) {
$stateProvider.state('map', {
url: '/',
templateUrl: 'templates/map.html',
controller: 'MapCtrl'
});

$stateProvider.state('detail', {

url: '/detail',

templateUrl: 'templates/detail.html',
controller: 'MapCtrl'
});

$urlRouterProvider.otherwise("/");
})