在我的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