Clicking on link is not redirecting to another page

Question

I am using angularjs and I want to create a simple registration page. I have used a link, so that when clicking on a link, the user should redirect to registration page.

I have got my index.html page like:

<!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>

and app.js like:

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
                });

        });

when I click on 'link' hyperlink, it is not redirecting to register page.

My register page is something like:

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

Please read carefully about angular routing. The url should be `href="#/register"`. What you are providing is a server url. — Chandermani, Sep 12 '14 at 08:29

score 1 · Accepted Answer · edited May 23 '17 at 11:49

1

If should work if you add target="_self" to the link. This bypasses angular routing mechanism.

See this thread.

edited May 23 '17 at 11:49

Community

1
1

answered Sep 12 '14 at 09:30

rhasarub

41
3

score 0 · Answer 2 · answered Sep 12 '14 at 08:32

0

try to

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

Add .html to your templateUrl

answered Sep 12 '14 at 08:32

Flowdo

57
1
1
9

Clicking on link is not redirecting to another page

2 Answers2