大佬教程收集整理的这篇文章主要介绍了angularjs – ionic / angular 1.3 – 当视图中存在离子侧菜单时,缺少离子导航后退按钮,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我提出的绝对最简单的例子:
http://codepen.io/jsplaine/pen/YPxvXL?editors=101.
请注意,状态x.emptyView和状态x.emptySideMenu中的离子视图是状态x的离子导航视图的子视图.
这是一个更深入的示例,其中存在实际填充的侧边菜单:
http://codepen.io/jsplaine/pen/ZYJRYW?editors=101
这是第一个codepen的基本路由器:
angular.module('ionicApp',['ionic']) .config(function($stateProvider,$urlRouterProvider) { $urlRouterProvider.otherwise('/'); $stateProvider .state('app',{ url: "/",templateUrl: "templates/home.html",controller: 'AppCtrl' }) .state('x',{ url: "/x",abstract: true,template: '<ion-nav-view animation="slide-left-right"/>' }) .state('x.emptyView',{ url: "/empty-view",templateUrl: "templates/empty_view_only.html" }) .state('x.emptySideMenu',{ url: "/empty-side-menu",templateUrl: "templates/empty_side_menu.html" }) })
更深入的codepen还有第二个问题.根据您首先单击的选项卡,第二个或第三个选项卡,@R_262_11258@模板将被缓存,以便将来导航到第2个和第3个模板.先点击第二个,然后点击第三个.然后重新开始,先单击第3个,然后单击第2个.发生这种事实让我觉得我在某种程度上使用了ui-router错误.
我也不明白为什么我必须在index.html和抽象状态(‘x’)模板中定义ion-nav-view.状态’x’不是index.html的子(空状态)吗?
有人可以弄清楚如何修改两个codepens,以便后面的按钮出现在包含ion-side-menus指令的视图中,对于第二个codepen ..第二和第三个选项卡缓存问题是否已解决?
http://codepen.io/jsplaine/pen/wBqNmw?editors=101
看来离子侧菜单的父离子视图需要一个子离子导航条,并且必须将enable-with-BACk-views设置为true.
<!-- Side Menu Nav and Burger Defined --> <script id="templates/side_menu_with_nav.html" type="text/ng-template"> <ion-View view-title="Side Menu with Nav and Burger"> <ion-nav-bar></ion-nav-bar> <!-- HERE --> <ion-side-menus enable-menu-with-BACk-views="true"> <ion-side-menu-content> <ion-nav-bar> <ion-nav-BACk-button class="button-icon ion-arrow-left-c"></ion-nav-BACk-button> <ion-nav-buttons side="right"> <button class="button button-icon button-clear ion-navicon" menu-toggle="right"></button> </ion-nav-buttons> </ion-nav-bar> ....
作为离子指令/ menuToggle docs状态:https://github.com/driftyco/ionic/blob/master/js/angular/directive/menuToggle.js#L1
以上是大佬教程为你收集整理的angularjs – ionic / angular 1.3 – 当视图中存在离子侧菜单时,缺少离子导航后退按钮全部内容,希望文章能够帮你解决angularjs – ionic / angular 1.3 – 当视图中存在离子侧菜单时,缺少离子导航后退按钮所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。