Question

我正在使用棱角分明。我已经定义了一个HTML文件，我已经给出了2个链接，在app.js上我定义了这个路径。但是，当我点击html文件中提供的链接时，它不会重定向。

下面是我的html文件和app.js文件：

HTML：

<!DOCTYPE html>
<html ng-app="test">
<head>
    <title>My Angular App!</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
    <script src="../public/javascript/angular-route.min.js"></script>
    <link data-require="bootstrap-css@*" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <script src="../public/javascript/app.js"></script>
    <script src="../public/javascript/controller.js"></script>
    <script src="../routes/index.js"></script>
</head>
<body>
<div >
    <a ui-sref="login">Login</a>
    <a ui-sref="register">Register</a>

<div ui-view></div>
</div>
</body>
</html>

和app.js：

 angular.module('test', ['ngRoute'])
        .config(function($routeProvider, $locationProvider) {

            $routeProvider.when('register',
                {
                    templateUrl: '../partials/register.html',
                    controller: 'registration'
                });
            $routeProvider.when('login',
                {
                templateUrl: '../partials/login.html',
                controller: 'login'
            });


        });

Answer 1

ui-sref连接到ui-router（角度的替代路由器），并且您在路由中使用角度路由。请改用ng-href，您的链接应该写为ng-href="#/login"和ng-href="#/register"以及相应的路线时间$routeProvider.when('/register',...等。

Answer 2

<a href="#/login">Login</a>

对ui-router https://github.com/angular-ui/ui-router

使用此类路由ui-serf

angularjs不在路线上重定向

2 个答案: