How do I change the URL of using $location with angularJS

Question

I am currently trying to set up a table to go to a profile page when you click a row. But $location.url will simply append the 'profile.html' to the end of the current html page and not take me to the profile page. How do I change the current url to allow me to go to my page.

index html:

http://localhost:9080/AgentOnlineApp/index.html

html I get when I click the row:

http://localhost:9080/AgentOnlineApp/index.html#/profile.html

I want:

http://localhost:9080/AgentOnlineApp/profile.html

current AngularJS code:

$scope.selectTableRow = function(agent)
    {

        $location.url('/profile.html');

    }

GeoffreyB · Accepted Answer · 2014-10-07 14:23:15Z

1

You might want to try this to load another page (outside your application):

$window.location.replace("profile.html")

Don't forget to inject $window

answered Oct 7, 2014 at 14:23

GeoffreyB

1,8394 gold badges21 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Explosion Pills · Accepted Answer · 2014-10-07 14:26:39Z

0

If you want to use the HTML5 history API, you need to set:

$locationProvider.html5Mode(true);

If you actually want to change the location entirely and reload the page, you are not quite using Angular as intended since this wouldn't be a single page app. However, you could do it with window.location = "profile.html"

answered Oct 7, 2014 at 14:26

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

Collectives™ on Stack Overflow

How do I change the URL of using $location with angularJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related