Working with AngularJS $locationProvider in MVC5

Question

I am trying to change the URL of the page if an $html callback is a success.

Module:

var app = angular.module('mymodule', ['ngRoute','ui.bootstrap']);

app.config(function($locationProvider, $routeProvider) {
$locationProvider.html5Mode(true);

$routeProvider.
    when('/Home/Index', {
        templateUrl: '/Home/Index',
        controller: 'HomeController'
    });
});

Controller:

$http({
        method: 'POST',
        url: '/User/InsertInitialUserInfo',
        data: insertUserParams
    }).success(function (data, status) {
        $location.url("/Home/Index");
    }).error(function (data, status) {
        console.log(status);
    });

MVC Controller

    public ActionResult Index()
    {
        return View();
    }

After my controller code runs the URL changes from : localhost:xxxx/Home/Register to localhost:xxxx/Home/Index

But the view doesn't change. What am I missing?

Try $location.url("Home/Index"); And you have of course an ng-view declaration in your view. — Edminsson
– Edminsson, Commented Jul 6, 2014 at 7:18
$location.path didn't work too. @Edminsson, you got it. I was missing ng-view declaration. — ArjaaAine
– ArjaaAine, Commented Jul 6, 2014 at 8:43

Edminsson · Accepted Answer · 2014-07-06 14:26:22Z

1

You are only missing one important component, the ng-view declaration in your view

<div ng-view></div>

This is placeholder for the templates you specify in the app.config.

answered Jul 6, 2014 at 14:26

Edminsson

2,51422 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Working with AngularJS $locationProvider in MVC5

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related