我想在进入主页之前设置一个登录页面。
我怎样才能在这条指令之前做到这一点:
<ons-screen page="sliding_menu.html"></ons-screen>
我使用 Monaca IDE
谢谢您的帮助
Charles
你可以尝试这样的方法:
索引.html
<ons-screen page="login.html"
login.js
function LoginController($scope){
$scope.login = function(id, password){
$scope.ons.screen.presentPage('sliding_menu.html');
}
}
登录.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>
Demo:
http://onsenui.github.io/stackoverflow/sliding_menu_login/app/ http://onsenui.github.io/stackoverflow/sliding_menu_login/app/
下载源码:http://onsenui.github.io/stackoverflow/sliding_menu_login.zip http://onsenui.github.io/stackoverflow/sliding_menu_login.zip
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)