Question

我正在使用angularjs，我想创建一个简单的注册页面。我使用了一个链接，因此当点击链接时，用户应该重定向到注册页面。

我的index.html页面如下：

<!DOCTYPE html>
<html>
<head lang="en" np-app="login">
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" type="text/javascript"></script>
    <title>Test</title>
</head>
<body>
<a  href="#/partials/register.html">link</a>
</body>
</html>

和app.js喜欢：

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

            $routeProvider.when('/register',
                {
                    templateUrl:    'partials/register',
                    controller:     RegisterCtrl
                });
            $routeProvider.when('/private',
                {
                    templateUrl:    'partials/private',
                    controller:     PrivateCtrl
                });
            $routeProvider.when('/admin',
                {
                    templateUrl:    'partials/admin',
                    controller:     AdminCtrl
                });

        });

当我点击＆＃39;链接＆＃39;超链接，它不会重定向到注册页面。

我的注册页面如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Register</title>
</head>
<body>
<input type="text"/>
</body>
</html>

Answer 1

如果您在链接中添加target="_self"，则应该有效。这绕过了角度路由机制。

请参阅this thread。

Answer 2

尝试

templateUrl:    'partials/register.html',
                    controller:     RegisterCtrl

将.html添加到templateUrl

单击链接不会重定向到另一个页面

2 个答案: