ionic tabs + login 问题

mintchiu

我的需求很简单。
我用的是ionic的tabs模板。。然后想在浏览tabs的时候，需要登录的地方直接跳到登录。login页面应该是独立于tabs存在的。但是我怎么弄都感觉不对，login界面总是在tabs的子状态下才有效。网上看了一些源码，但都没能好好解决这个问题

有什么办法么？

admin

1.app.js路由页面

1.       .state('login', {
   
2.                 url: '/login',
   
3.                 templateUrl: "templates/login.html",
   
4.                 controller: 'LoginCtrl'
   
5. 
   
6.             })
   

复制代码

2.模板页面 最上面加个返回按钮，这样的话从任何地方过来都可以返回回去

1. 
   
2. <ion-view title="登录">
   
3.     <ion-nav-buttons side="left">
   
4.         <!-- <button class="button-icon ion-arrow-left-c" ng-click="backView()"></button>-->
   
5. 
   
6.         <button class="button back-button buttons button-icon ion-arrow-left-c header-item" ng-click="$ionicGoBack()">
   
7.             <span class="back-text" style="-webkit-transform: translate3d(0px, 0px, 0px);">
   
8.                 <span class="default-title hide">Back</span>
   
9.             </span>
   
10.         </button>
    
11. 
    
12.     </ion-nav-buttons>
    
13. 
    
14.     <ion-content>
    
15. 
    
16.         <!-- Logo -->
    
17.         <div class="padding text-center">
    
18.             <h1>
    
19.                 <i class="positive ion-ios-camera camera-font"></i>
    
20.             </h1>
    
21.             <h4 class="positive">照一照</h4>
    
22.             <p class="positive">Photo detection health</p>
    
23.         </div>
    
24. 
    
25.         <!-- Login form -->
    
26.         <div class="list list-inset">
    
27.             <label class="item item-input">
    
28.                 <span class="input-label">手机号：</span>
    
29.                 <input type="tel" placeholder="手机号" ng-model="user.username">
    
30.             </label>
    
31. 
    
32.             <label class="item item-input">
    
33.                 <span class="input-label">密　码：</span>
    
34.                 <input type="password" placeholder="密码" ng-model="user.password">
    
35.             </label>
    
36.         </div>
    
37.         <div class="padding">
    
38.             <button class="button button-block button-positive" ng-click="signIn()">
    
39.                 登录
    
40.             </button>
    
41.         </div>
    
42. 
    
43. 
    
44.         <!-- Other links -->
    
45.         <div class="padding row">
    
46.             <div class="col align_right">
    
47.                 <span class="dark">忘记密码?</span>
    
48.             </div>
    
49.             <div class="col align_left">
    
50.                 <a href="#/register" class="dark">注册</a>
    
51.             </div>
    
52.         </div>
    
53. 
    
54.     </ion-content>
    
55. </ion-view>

复制代码

mintchiu

admin 发表于 2016-1-1 10:30
1.app.js路由页面

好的，谢谢。我试一下

mintchiu

admin 发表于 2016-1-1 10:30
1.app.js路由页面

还有一个问题。。。我想让login界面是从下方直接向上弹出来的那种动画，但是好像这个参数是在nav-view上设置的，有什么办法解决么？

fhl_hit

login页面可以加指令，隐藏tabs