离子载玻片中的ui-sref或href不起作用

Question

我正在尝试在离子滑动标签中使用ui-sref，但它无法正常工作。 离子载玻片是否支持ui-sref或href？

请参阅以下代码段

<ion-content scroll="false" class="animate-ripple">
    <ion-slide-box show-pager="false" ion-slide-tabs slide-tabs-scrollable=false on-slide-changed="slideHasChanged($index)">
        <ion-slide ion-slide-tab-label="General" ui-sref="app.holiday.generalholiday"><ion-nav-view name="general-tab"></ion-nav-view></ion-slide>
        <ion-slide ion-slide-tab-label="Restricted" ui-sref="app.holiday.restrictedholiday"><ion-nav-view name="restricted-tab"></ion-nav-view></ion-slide>
        <ion-slide ion-slide-tab-label="On Sunday" ui-sref="app.holiday.onsundayholiday"><ion-nav-view name="onsunday-tab"></ion-nav-view></ion-slide>
    </ion-slide-box>
</ion-content>

我的app.js如下所示

$stateProvider
        .state('app', {
            url: "/app",
            abstract: true,
            templateUrl: "templates/menu.html",
            controller: "AppCtrl"
        })

        .state('login', {
            url: "/login",
            templateUrl: "templates/login.html",
            controller: "LoginCtrl"
        })

        .state('app.applyleave', {
            url: '/applyleave',
            views: {
                menuContent: {
                    templateUrl: 'templates/applyleave.html',
                    controller: 'ApplyLeaveCtrl'
                }
            }
        })

        .state('app.balances', {
            url: '/balances',
            views: {
                menuContent: {
                    templateUrl: 'templates/balances.html',
                    controller: 'BalancesCtrl'
                }
            }
        })

        .state('app.history', {
            url: '/history',
            views: {
                menuContent: {
                    templateUrl: 'templates/history.html',
                    controller: 'HistoryCtrl'
                }
            }
        })

        .state('app.holiday', {
            url: '/holiday',
            views: {
                menuContent: {
                    templateUrl: 'templates/holiday.html',
                    controller: 'HolidayCtrl'
                }
            }
        })

        .state('app.holiday.generalholiday', {
            url: '/generalholiday',
            views: {
                'general-tab': {
                    templateUrl: 'templates/generalholiday.html',
                    controller: 'GeneralHolidayCtrl'
                }
            }
        })

        .state('app.holiday.restrictedholiday', {
            url: '/restrictedholiday',
            views: {
                'restricted-tab': {
                    templateUrl: 'templates/restrictedholiday.html',
                    controller: 'RestrictedHolidayCtrl'
                }
            }
        })

        .state('app.holiday.onsundayholiday', {
            url: '/onsundayholiday',
            views: {
                'onsunday-tab': {
                    templateUrl: 'templates/onsundayholiday.html',
                    controller: 'SundayHolidayCtrl'
                }
            }
        })

ui-sref和href都没有工作。 请建议是否有任何解决方法或我遗漏了什么。