Question

我正在构建一个登录页面，其中用户有2个角色，即学生或图书管理员。当用户输入他的凭证并单击提交时，将调用验证功能。

现在，

我面临的问题是：

路由无效，即控件到达警报（“登录成功”）;并输入if（$ scope.roles [i] .role ===“student”）{ 但不会将页面指向$ location.path（'/ home / student'）;

登录页面网址如下：

http://localhost:63342/LabguideExamples/Assignment/Day4/Login.html?_ijt=oa5emr702cenehrs4oosarmg0d

成功登录后的网址如下：

http://localhost:63342/LabguideExamples/Assignment/Day4/Login.html?_ijt=oa5emr702cenehrs4oosarmg0d#/home/student

根据app.js，该网址仍然具有Login.html，并且不会被“ViewBooks_Student.html”替换。

非常感谢任何帮助。

由于

controller.js

var Controllers = angular.module('Controllers', ['ngRoute']);
Controllers.controller('LoginCtrl', ['$scope','$http','$location',
function ($scope,$http,$location) {
    $scope.validate=function()
    {
        $http.get('data/roles.json').success(function(data) {
            $scope.roles = data;

        var count=0;
            for (var i = 0, len = $scope.roles.length; i < len; i++) {
if ($scope.username === $scope.roles[i].username && $scope.password === $scope.roles[i].password) {
                    alert("login successful");
                    count = count + 1;
                    if ($scope.roles[i].role === "student") {
                        $location.path('/home/student');
                        break;
                    }
                    else {
                        $location.path('/home/librarian');
                        break;
                    }

                }
            }

        if(count!=1)
        {
            alert("Please provide valid login credentials");
            $location.path( "/main" )
        }
        });
    }

}]);

app.js

var bookApp = angular.module('bookApp',[
'Controllers','ngRoute'
]);
bookApp.config(['$routeProvider',
function($routeProvider) {
    $routeProvider.
    when('/main', {
        templateUrl: 'Login',
        controller: 'LoginCtrl'
    }).
    when('/home/student', {
        templateUrl: 'ViewBooks_Student.html',
        controller: 'BookListCtrl_Student'
    }).
    when('/home/librarian', {
        templateUrl: 'ViewBooks_Librarian.html',
        controller: 'BookListCtrl_Librarian'
    }).
    when('/issue/:bookId', {
        templateUrl: 'IssueBook.html',
        controller: 'IssueBookCtrl'
    }).
    when('/return/:bookId', {
        templateUrl: 'ReturnBook.html',
        controller: 'ReturnBookCtrl'
    }).
    otherwise({
        redirectTo: '/main'
    });
}]);

Answer 1

这是一个深入的问题。据我所知，登录后你需要根据用户角色重定向到一个页面。所以你在Controller上写的这个特殊逻辑就是你需要写入Angular Run块的东西

angular.module('myapp').run([],function(){})

基本上Angular有一个优先级执行系统运行块在控制器之前执行。有关详细信息，请查看Angular文档。 https://docs.angularjs.org/guide/module。

角度路由无法正常工作

1 个答案: