<!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>