在我的Onsenui应用程序中添加登录页面

Question

我想在进入主页面之前设置登录页面。 我怎样才能做到这一点眼前这个指令前：

<ons-screen page="sliding_menu.html"></ons-screen> 

我使用的莫尼卡IDE

感谢您的帮助

查尔斯

Answer 1

你可以试试这个方法：

index.html

个

<ons-screen page="login.html" 

login.js

function LoginController($scope){ 
    $scope.login = function(id, password){ 
     $scope.ons.screen.presentPage('sliding_menu.html'); 
    } 
} 

的login.html

<div class="page center" ng-controller="LoginController"> 
    <div class="row"> 
     <div class="col"> 
      <ons-text-input placeholder="id" ng-model="id">    
      </ons-text-input> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col"> 
      <input type="password" placeholder="password" ng-model="password" class="topcoat-text-input"> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="col"> 
      <ons-button ng-click="login(id, password)"> 
       Login 
      </ons-button> 
     </div> 
    </div> 
</div> 

演示： http://onsenui.github.io/stackoverflow/sliding_menu_login/app/

下载源： http://onsenui.github.io/stackoverflow/sliding_menu_login.zip