@umeshsharma04 wrote:
here are the JS files as below:
app.js file
// Ionic Starter App 'use strict'; // angular.module is a global place for creating, registering and retrieving Angular modules // 'starter' is the name of this angular module example (also set in a <body> attribute in index.html) // the 2nd parameter is an array of 'requires' angular.module('starter', ['ionic','starter.controllers']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { if(window.cordova && window.cordova.plugins.Keyboard) { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); // Don't remove this line unless you know what you are doing. It stops the viewport // from snapping when text inputs are focused. Ionic handles this internally for // a much nicer keyboard experience. cordova.plugins.Keyboard.disableScroll(true); } if(window.StatusBar) { StatusBar.styleDefault(); } }); }) .config(function($stateProvider, $urlRouterProvider) { // Ionic uses AngularUI Router which uses the concept of states // Learn more here: https://github.com/angular-ui/ui-router // Set up the various states which the app can be in. // Each state's controller can be found in controllers.js $stateProvider .state('login', { cache:false, url: '/login', templateUrl: 'templates/login.html', controller: 'LoginCtrl' }) ; // if none of the above states are matched, use this as the fallback $urlRouterProvider.otherwise('/login'); });
// controllers.js files var myApp = angular.module('starter.controllers', []); myApp.controller('LoginCtrl', function($scope, LoginService, $state,$ionicPopup) { $scope.data = {}; $scope.Login = function() { LoginService.loginUser($scope.data.username, $scope.data.password).success(function(data) { window.alert('hey what is going on?'); // $state.go('tab.dash'); }).error(function(data) { var alertPopup = $ionicPopup.alert({ title: 'Login failed!', template: 'Please check your credentials!' }); }); } }) /*.controller('LoginCtrl', function($scope, LoginService, $ionicPopup, $state) { $scope.data = {}; $scope.login = function() { LoginService.loginUser($scope.data.username, $scope.data.password).success(function(data) { $state.go('tab.dash'); }).error(function(data) { var alertPopup = $ionicPopup.alert({ title: 'Login failed!', template: 'Please check your credentials!' }); }); } })*/
//Services.js files 'use strict'; var myApp = angular.module('starter.controllers',[]); myApp.service('LoginService', function($q) { return { loginUser: function(name, pw) { var deferred = $q.defer(); var promise = deferred.promise; if (name == 'user' && pw == 'secret') { deferred.resolve('Welcome ' + name + '!'); } else { deferred.reject('Wrong credentials.'); } promise.success = function(fn) { promise.then(fn); return promise; } promise.error = function(fn) { promise.then(null, fn); return promise; } return promise; } } });
here is the index file:
<!DOCTYPE html> <html ng-app="starter"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title></title> <link href="lib/ionic/css/ionic.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above <link href="css/ionic.app.css" rel="stylesheet"> --> <!-- ionic/angularjs js --> <script src="lib/ionic/js/ionic.bundle.js"></script> <!-- cordova script (this will be a 404 during development) --> <script src="cordova.js"></script> <script src="js/services.js"></script> <!-- your app's js --> <script src="js/app.js"></script> <script src="js/controllers.js"></script> </head> <body> <ion-nav-bar class="bar-positive"> <ion-nav-back-button> </ion-nav-back-button> </ion-nav-bar> <!-- The views will be rendered in the <ion-nav-view> directive below Templates are in the /templates folder (but you could also have templates inline in this html file if you'd like). --> <ion-nav-view> </ion-nav-view> </body> </html>
can anyone see the issue please?
thanks
Posts: 1
Participants: 1