InfoWindow detail

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("/");
})