how to replace url with new url without page refresh in angular js

Question

I want to refresh a URL upon successful login without a page refresh. I am using the following code

$scope.Login = function (teacher, chkRememberMe) {
    alert(chkRememberMe);
    $http.post("/Teacher/Login", { teacher: teacher, chkRememberMe: chkRememberMe })
    .success(function (result) {
        if (result == "True") {
            toastr.success("You are Login successfully!!!");
            $timeout(function () { }, 5000);
            $timeout(function () { }, 5000);
            $location.path('Teacher/Index');
        }
        else {
            toastr.error("The email and password you entered don't match.")
            window.location = "/Teacher/Login";
        }
    })
    .error(function (error) {
        error.message
        alert(error);
        toastr.error("The email and password you entered don't match11")
    })
}

The URL is not updating successfully.

I believe that what you want is ngRoute which is documented here: docs.angularjs.org/api/ngRoute/service/$route — Pop-A-Stash
– Pop-A-Stash, Commented Aug 23, 2016 at 18:42

Community · Accepted Answer · 2017-05-23 12:08:31Z

0

You can use history.replaceState(data,title,url) to accomplish this. There's a bit of documentation at MDN. The history.js library may be of interest as well.

If you're trying to handle single-page authentication with angular, it can be a hassle. You may want to take a look at AngularJS: Basic example to use authentication in Single Page Application for more on this.

An aside: you may also want to consider taking steps to ensure that password managers function as you'd expect. There are a few stackoverflow questions which address these concerns (e.g., How to make Chrome remember password for an AJAX form?).

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Aug 23, 2016 at 4:34

dat

1,7581 gold badge24 silver badges32 bronze badges

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

1 Comment

Farhat Ullah Over a year ago

i am not talking about browser history. i am talking about when any user login first time then we check user name and password if both are correct then move to next page with out url refresh with help of angular js. I am talking about just move from one page to other page without url refresh with help of angular js.

Collectives™ on Stack Overflow

how to replace url with new url without page refresh in angular js

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related