离子导航后退按钮存在,但不起作用

时间:2016-06-09 15:14:05

标签: angularjs ionic-framework angular-ui-router ionic-view angularjs-ng-route

我的离子应用中的路由存在以下问题:

我在选项中有一个嵌套视图,所以我可以在路由中使用继承,但当我进入 security 选项卡时会发生什么,离子-nav-back-button 根本不起作用,虽然它显示在我的导航栏中。

我是离子的新手,任何建议都会受到赞赏,谢谢

的app.config

$stateProvider

.state('layout', {
     abstract: true,
     templateUrl: 'views/menu.html'
})

.state('layout.options', {
     views: {
        'menuContent': {
            templateUrl: 'views/options.html'
        }
     }
})

.state('layout.options.security', {
     views: {
         'myView': {
             templateUrl: 'views/security.html',
         }
     }
})

menu.html

<ion-side-menu-content>

    <ion-nav-bar class="bar-stable">

        <ion-nav-back-button>
        </ion-nav-back-button> 

        <ion-nav-buttons side="left">
           ...
        </ion-nav-buttons>

    </ion-nav-bar>

    <ion-nav-view name="menuContent"></ion-nav-view>

</ion-side-menu-content>

options.html

<ion-nav-view name="myView">
    <ion-view title="Options">
       <ion-content>
       ...
       </ion-content>
    </ion-view>
</ion-nav-view>

security.html安全

<ion-view title="Security">
    <ion-content>
       ...
    </ion-content>
</ion-view>

1 个答案:

答案 0 :(得分:0)

我已经“解决”了我的问题,因为没有将 security.html 嵌套在 options.html

所以目前我有

.state('layout.security', {
     views: {
         'menuContent': {
             templateUrl: 'views/security.html',
         }
     }    
})

我觉得这不是正确的解决方案,但我必须让它发挥作用。如果你有解决方案/原因,为什么以前的代码不起作用,请分享

感谢