How to redirect Page using Angular Js?

Question

I want to know how to redirect to another page using Angular Js.

I already follow several questions here and don't find any answer with works successfully

This is my code :

var app = angular.module('formExample',[]);
app.controller('formCtrl',function($scope,$http){    
    $scope.insertData=function(){      

      //  if($scope.name =='' && $scope.email == '' && $scope.message = '' && $scope.price =='' && $scope.date == null && $scope.client == ''){return;}
        $http.post("/php/login.php", {
           "email": $scope.email, "password": $scope.password
        }).then(function(response, $location){
                alert("Login Successfully");
                $scope.email = '';
                $scope.password = '';
                $location.path('/clients');

            },function(error){
                alert("Sorry! Data Couldn't be inserted!");
                console.error(error);

            });
        }
    });

I´m getting this error:

TypeError: Cannot read property 'path' of undefined

Inject $location in your controller and don't forget to remove it from the success callback function. — Vivz
– Vivz, Commented Aug 18, 2017 at 12:58

Sajeetharan · Accepted Answer · 2017-08-18 11:20:08Z

3

You need to inject $location to your controller,

app.controller('formCtrl',function($scope,$http,$location){

answered Aug 18, 2017 at 11:20

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

4 Comments

user8472773 Over a year ago

Error: $injector:unpr Unknown Provider Unknown provider: $urlProvider <- $url

Sajeetharan Over a year ago

i do not see anywhere urlProvider

user8472773 Over a year ago

Well dont work, because path is not defined @Sajeetharan

Sajeetharan Over a year ago

What ? I don't get it

Maxwellt · Accepted Answer · 2017-08-18 13:42:44Z

0

You can use a plain JS

window.location.href = '/my-other-page'

Or, if you are using 'ui-router'

$state.reload()

or

$state.go($state.current.name, {}, {reload: true})

don't forget to inject $state into your controller dependencies:

app.controller('formCtrl',function($scope, $http, $state){

edited Aug 18, 2017 at 13:42

answered Aug 18, 2017 at 12:59

Maxwellt

1265 bronze badges

3 Comments

user8472773 Over a year ago

@Maxwelt Unknown provider: $urlProvider <- $url

Maxwellt Over a year ago

inject '$state' into your controller's dependencies

Maxwellt Over a year ago

app.controller('formCtrl',function($scope,$http, $state){

user8482185 · Accepted Answer · 2017-08-18 11:26:46Z

-1

You can redirect using $window in your controller.

$window.location.href = '/index.html';

Hope this helps you

answered Aug 18, 2017 at 11:26

user8482185

2 Comments

user8472773 Over a year ago

Error: $injector:unpr Unknown Provider Unknown provider: $urlProvider <- $url

alexmac Over a year ago

$window.location.href should be used only for full page reload.

Collectives™ on Stack Overflow

How to redirect Page using Angular Js?

3 Answers 3

4 Comments

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related