how can I redirect with angularjs

Question

When a user clicks a category on the shop-landing page, a sessionStorage var is set and you are redirected to the shop page but the redirect is funky

***OLD CODE (works but breaks on iOS 7.1.1, i think it's a dirty hack. It redirects to root/shop)

.controller('myController', function ($scope) {
    $scope.sortCategory = function sortCategory(category) {
        sessionStorage.setItem('sortCategory', '.' + category);
        window.location.assign("/shop");
    };
})

***NEW CODE (doesn't work, redirects to root/shop-landing#/shop)

.controller('myController', function ($scope, $location) {
    $scope.sortCategory = function sortCategory(category) {
        sessionStorage.setItem('sortCategory', '.' + category);
        $location.path("/shop");
    };
})

The desired url is root/shop.

What is the proper way to do this?

Perhaps the old code breaks because of it's use of 'window' instead '$window'. Where do i find the router code? — Tuesdave
– Tuesdave, Commented Dec 16, 2014 at 18:57
window.location.href = url is the standard way of redirecting to a URL in javascript. The angular $location service deals only with hash routing — Alex Hill
– Alex Hill, Commented Dec 16, 2014 at 19:59

Matt · Accepted Answer · 2014-12-16 20:33:56Z

1

Can you not just use window.location.href = '[enter_url_here]'?

This is pretty standard for redirecting a user with JavaScript.

answered Dec 16, 2014 at 20:33

Matt

2111 gold badge4 silver badges11 bronze badges

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

2 Comments

Tuesdave Over a year ago

I was just about to answer with Alex Hills suggestion. This gives me the required URL, but have to wait until it is tested on an iOS 7.1.1 device to see if it fixed the bug 'window.location.assign()' was causing.

Tuesdave Over a year ago

Buttons still unresponsive on iOS 7.1.1.

Manuel B. · Accepted Answer · 2014-12-16 21:24:24Z

0

You have two possibilities. The first one is to use the mentioned property:

window.location.href = '/shop';

or the $location service

$location.path('/shop');

Here on plunkr is a working example. And probably you may use the absolute navigation in your path like this:

window.location.href = '../shop';

answered Dec 16, 2014 at 21:24

Manuel B.

1157 bronze badges

Collectives™ on Stack Overflow

how can I redirect with angularjs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related