Question

我有一个按钮，我在其中注册了一个点击事件。现在根据我的要求，我希望我的当前页面使用Angular JS路由路由到下一页。我正在尝试在我的点击事件中添加路由代码，但它没有发生。这是我的Angular JS代码..

 var app = angular.module('LoginApp', ['ngRoute']);
 app.config(function ($routeProvider) {
 app.controller('LoginformController', function ($scope) {

        $scope.LoginCheck=function () {

         alert("Trying to login !");

        }
 });

现在警告后，我希望此页面导航到＆＃39; Home.html＆＃39;。请帮助我如何路由到＆＃39; Home.html＆＃39;警告消息后。谢谢

我正在尝试添加以下代码，但该页面未导航..

app.config(function ($routeProvider) {

app.controller('LoginformController', function ($scope,$location) {

    $scope.LoginCheck=function () {

    alert("Trying to login !");

    $location.path('/Home.html');

}

$scope.PasswordRecovery = function () {
    alert("Clicked 2");
}
});
});

Answer 1

试试这个

var app = angular.module('LoginApp', ['ngRoute']);
 app.config(function ($routeProvider) {
 app.controller('LoginformController', ['$scope', '$location', function ($scope, $location) {

        $scope.LoginCheck=function () {

         alert("Trying to login !");
         $location.path('path where to redirect');
        }
 }]);

$ location.path是getter和setter 没有参数即$location.path();时会得到它并且它将使用参数ie $location.path('path to redirect')

进行设置

Answer 2

试试这个：

var app = angular.module('LoginApp', ['ngRoute']);

app.config(['$routeProvider',function ($routeProvider) {

   $routeProvider


        .when('/Login', {
            templateUrl: 'LoginView.html',
            controller: 'LoginController'
        })
}])

app.controller('LoginformController', function($scope,$location) {

  $scope.LoginCheck = function(){
     alert("Trying to login !");
     $location.path('/Login');
  }
});

页面不会重定向到Angular JS

2 个答案: