2017-01-03 1 views
2

Когда я запускаю index.html его открытие, но при нажатии кнопки отправки на странице входа мне нужно перенаправить на другую страницу, чтобы проверка выполнялась на перенаправленной странице и он отображает что-то.Приложение для входа - перенаправление на другую страницу при нажатии кнопки отправки

Пусть Войти страница открывается с этим URL

http://localhost:51499/index.html 

Я ввести учетные данные и нажмите на кнопку отправить. Мне нужно, чтобы он перенаправлялся на другой URL-адрес, чтобы сделать валидации там и передать сообщение об успешном завершении. В настоящее время нажатие кнопки отправки перенаправляется на пустую страницу, но не на следующий URL-адрес.

Мой угловой Код:

 angular.module('Project', []) 
      .controller('loginCtrl', ['$scope', '$http','$location', function ($scope, $http) { 
       $scope.login = function (emailId, password) { 

        var uri = 'http://localhost:64367/api/Project/ValidateLogin/' + emailId + "/" + password; 

        $http.get(uri).then(function (data) { 

          if(data) 
          { 
    $location.path("/forgotpassword"); 

           } 
          else { 
           alert("Error!!!"); 
          //return; 
          } 
        }); 

       } 
        }]) 

Route код конфигурации здесь: сообщение

var mainApp = angular.module('Project', [ 'ngRoute']); 


// configure our routes 
mainApp.config(['$routeProvider', 
    function ($routeProvider) { 
     //In the above configuration, when user is idle for 900s (does not move mouse, press any key or button etc), 
     $routeProvider 
      // route for the login page 
      .when('/login', { 
       templateUrl: '../view/login.html', 
       controller: 'loginCtrl' 
      })  
     .when('/forgotpassword', { 
      templateUrl: '../view/ForgotPassword.html', 
      controller: 'forgotPasswordCtrl' 
     }) 

}]); 

Ошибка: enter image description here

+0

какой ошибку сообщения вы получаете в консоли? – SaiUnique

+1

Вы не можете пройти как таковой в uri, используйте stateParams. $ state.go ('ваше состояние проверки', stateParams); (stateParams - объект со значениями) – Sharmila

+1

Почему вы не можете делать проверки на одной странице? Почему вы хотите перейти на другую страницу только для проверки учетных данных? –

ответ

1

Вам нужно создать новый файл JS для validatelogin контроллера и настроить его с соответствующим представлением (htmlpage1), аналогичным конфигурации входа.

.when('/login', { 
       templateUrl: '../view/login.html', 
       controller: 'loginCtrl' 
      }) 
.when('/validatelogin, { 
       templateUrl: '../view/HtmlPage1.html', 
       controller: 'validateloginCtrl' 
      }) 

также вам нужно написать этот код $location.path("/validatelogin") вместо $location.URL('http://localhost:51499/view/HtmlPage1.html');

Вот образец статья об этом: Redirect to the original requested page after login using AngularJs

+0

Я пробовал то же самое, но с другим контроллером, который у меня был в конфигурации маршрута. Он по-прежнему дает пустую страницу – beginner

+0

, вы получили какую-либо ошибку в окне консоли? –

+0

и вы написали этот код? '$ location.path ("/routename ")' имя маршрута, которое определяет вас в секции routeconfig/или публикует полную конфигурацию, тогда я дам решения –

Смежные вопросы