从嵌套视图链接

Question

我正在使用 ionic 框架构建应用程序。我有一些带有侧边菜单的嵌套状态，我可以从那里 link。问题是，当我处于#/cards/overview 时，我无法link 到#/promos/overview。这适用于离子服务，但不适用于安装在设备上。

angular.module('CLP', ['ionic', 'ngCordova', 'utils'])

.config(function ($stateProvider, $urlRouterProvider) {
            $urlRouterProvider.otherwise('/cards/overview');
    $stateProvider
        .state('promos', {
            abstract : true,
            templateUrl: 'templates/promos/promos.html'
        })
        .state('promos.main', {
            abstract : true,
            url: '/promos',
            views: {
                sidebarLeft: {
                    templateUrl: 'templates/sidebar/left.html'
                },
                mainContent: {
                    template: '<ion-nav-view></ion-nav-view>'
                }
            }
        })
        .state('promos.main.overview', {
            cache : false,
            url: '/overview',
            templateUrl: 'templates/promos/overview.html'
        })
            .state('cards', {
            abstract : true,
            templateUrl: 'templates/cards/cards.html',
        })
        .state('cards.main', {
            abstract : true,
            url: '/cards',
            views : {
                sidebarLeft: {
                    templateUrl: 'templates/sidebar/left.html',
                    controller: 'sidebarCtrl'
                },
                mainContent: {
                    template: '<ion-nav-view></ion-nav-view>'
                }
            }
        })
        .state('cards.main.overview', {
            cache : false,
            url: '/overview',
            templateUrl: 'templates/cards/overview.html',
            controller: 'cardsOverview'
        })
        .state('cards.main.detail', {
            cache : false,
            url: '/:cardId',
            templateUrl: 'templates/cards/detail.html',
            controller: 'showDetail'
        })
})

我尝试创建一个 CodePen，尽可能好 http://codepen.io/Gothematic/pen/OPBJEW

Answer 1

我自己发现的，在我的 templateUrl 中某处有一个尾部斜线。我的设备找不到“/templates”的路径。

从嵌套视图链接

Linking from nested views

nested-views

angular-routing

ionic