<!DOCTYPE html>
<html ng-app="app">
<head>
<!-- Angular -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script>
<!-- UI-Router -->
<script src="//angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>
<script src="Controller.js"></script>
</head>
<body>
<div class="well" ui-view></div>
</body>
</html>
/* Styles go here */
var app = angular.module('app', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider) {
// For any unmatched url, send to /index
$urlRouterProvider.otherwise("/login");
$stateProvider
.state('login', {
url: "/login",
templateUrl: "login.html",
controller: "LoginCheckController"
})
.state('SuccessPage', {
url: "/SuccessPage",
templateUrl: "SuccessPage.html",
//controller: "LoginCheckController"
});
});
app.controller('LoginCheckController', ['$scope', '$location', LoginCheckController]);
function LoginCheckController($scope, $location) {
$scope.users = [{
UserName: 'chandra',
Password: 'hello'
}, {
UserName: 'Harish',
Password: 'hi'
}, {
UserName: 'Chinthu',
Password: 'hi'
}];
$scope.LoginCheck = function() {
$location.path("SuccessPage");
};
$scope.go = function(path) {
$location.path("/SuccessPage");
};
}
<div>Success</div>
<h1>Login Page</h1>
<hr />UserName :
<input type="text" ng-model="txtUname" required/>
<br />Password :
<input type="password" ng-model="txtPwd" required/>
<br />
<input type="submit" value="Submit" ng-click="LoginCheck()" />
<br />
<!-- <button ng-click="go('/Successpage')">Submit</button>-->
<br />
<div ng-repeat="x in users">
<div ng-if="txtUname === x.UserName && txtPwd === x.Password">
You entered UserName and Password correctly.
</div>
<div ng-if="txtUname === '' && txtUname !== x.UserName && txtPwd !== x.Password">
You entered UserName and Password Incorrectly.
</div>
</div>