Question

创建了Ionic sidemenu默认应用程序，并在菜单列表中添加了map和markerClick两页。地图工作正常，但MarkerClick不是。单击MarkerClick表单侧面菜单时，此重定向位于最后一个活动页面上。

menu.html

 <ion-side-menu side="left">
    <ion-header-bar class="bar-stable">
        <h1 class="title">Left</h1>
    </ion-header-bar>
    <ion-content>
        <ion-list>
            <ion-item menu-close ng-click="login()">
                Login
            </ion-item>
            <ion-item menu-close href="#/app/search">
                Search
            </ion-item>
            <ion-item menu-close href="#/app/browse">
                Browse
            </ion-item>
            <ion-item menu-close href="#/app/playlists">
                Playlists
            </ion-item>
            <ion-item menu-close href="#/app/map">
                Map
            </ion-item>
            <ion-item menu-close href="#/app/markerClick">
                Marker
            </ion-item>
        </ion-list>
    </ion-content>
</ion-side-menu>

app.js

.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider

    .state('app', {
        url: '/app',
        abstract: true,
        templateUrl: 'templates/menu.html',
        controller: 'AppCtrl'
    })
    .state('app.search', {
        url: '/search',
        views: {
            'menuContent': {
                templateUrl: 'templates/search.html'
            }
        }
    })
    .state('app.browse', {
        url: '/browse',
        views: {
            'menuContent': {
                templateUrl: 'templates/browse.html'
            }
        }
    })
    .state('app.playlists', {
        url: '/playlists',
        views: {
            'menuContent': {
                templateUrl: 'templates/playlists.html',
                controller: 'PlaylistsCtrl'
            }
        }
    })
    .state('app.single', {
        url: '/playlists/:playlistId',
        views: {
            'menuContent': {
                templateUrl: 'templates/playlist.html',
                controller: 'PlaylistCtrl'
            }
        }
    })
    .state('app.map', {
        url: '/map',
        views: {
            'menuContent': {
                templateUrl: 'templates/map.html',
                controller: 'MapCtrl'
            }
        }
    })
    .state('app.markerClick', {
        url: '/markerClick',
        view: {
            'menuContent': {
                //templateUrl: '<h1>what the hello</h1>',
                templateUrl: 'templates/testTemplate.html',
                controller: 'markerClickCtr'
            }
        }
    });
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/app/map');
});

enter image description here

Answer 1

尝试用ui-sref =＆＃34; app.markerClick＆＃34;替换href。 UI-Router提供ui-sref，允许链接到状态。这与链接到普通URL不同。使用UI-Router时，您希望链接到状态，而不是URL。

离子页面导航无法正常工作

1 个答案: