1. Create a new project.

Project Name=Login

Template=Side Menu

2. Add Login Page

Pin Login Page as Default Page.

Add Directives.

ng-click=doLogin()

3. Edit Login Page Controller

function ($scope, $stateParams, $state, $ionicHistory, UserFactory) {

$scope.data={'ue': '','pw': ''}

$scope.doLogin=function(){

var invalidcheck=0;

objLogin=$scope.data;

console.log(objLogin.ue);

if (objLogin.ue=='' || objLogin.ue==undefined){

alert('invalid ue');

invalidcheck+=1;

}

if (objLogin.pw=='' || objLogin.pw==undefined){

alert('invalid pw');

invalidcheck+=1;

}

if (invalidcheck>0){return;}

if (UserFactory.doLogin(objLogin)===true){

$scope.goToHome();

}else{

alert('login failed');

}

$scope.goToHome=function(){

$ionicHistory.nextViewOptions({disableBack: true});

$scope.data={'ue': '','pw': ''}

$state.go('menu.home');

}

$scope.$on('$ionicView.beforeEnter', function(){

if (UserFactory.isLoggedUser()==1){

$scope.goToHome();

}

});

}

4. Edit Factory

angular.module('app.services', [])

.factory('UserFactory', [function(){

return {
doLogin: function(objLogin){
try{
window.localStorage['loggeduser']=
angular.toJson(objLogin);
return true;
}catch(e){
return false;
}

},
doLogout: function(){
try{
window.localStorage['loggeduser']=
'';
return true;
}catch(e){
return false;
}

},
isLoggedUser: function(){
try{
var loggedUser=window.localStorage['loggeduser'];
if (loggedUser && loggedUser!=''){
return 1;
}else{
return 0;
}

}catch(e){
return 0;
}

},
}

}])

.service('BlankService', [function(){

}]);