Modal for login Doesn't work


#1

Login.html


Login



Close






Username



Password



Log in


Sign Up
  </div>
</form>

Controller.js

angular.module(‘start.controllers’, [])

.controller(‘AppCtrl’, function($scope, $ionicModal, $timeout) {

// With the new view caching in Ionic, Controllers are only called
// when they are recreated or on app start, instead of every page change.
// To listen for when this page is active (for example, to refresh data),
// listen for the $ionicView.enter event:
//$scope.$on(’$ionicView.enter’, function(e) {
//});

// Form data for the login modal
$scope.loginData = {};

// Create the login modal that we will use later
$ionicModal.fromTemplateUrl(‘templates/login.html’, {
scope: $scope,
animation: ‘slide-in-up’
}).then(function(modal) {
$scope.modal = modal
})

// Open the login modal

$scope.login = function() {
$scope.modal.show()
}

// Triggered in the login modal to close it
$scope.closeLogin = function() {
$scope.modal.hide();
};

// Perform the login action when the user submits the login form
$scope.doLogin = function() {
console.log(‘Doing login’, $scope.loginData);

// Simulate a login delay. Remove this and replace with your login
// code if using a login system
$timeout(function() {
  $scope.closeLogin();
}, 1000);

};
})

.controller(‘HomeCtrl’, function($scope) {

})

.controller(‘HomeCtrl’, function($scope, $stateParams) {
})