Angular Routing with Asp.net mvc areas and cshtml not working

Question

My layout.cshtml contains:

    <li><a href="#/User">User</a></li>
<div ng-view></div>

This is my controller:

and its action methods:

public class UserController : Controller

{
    // GET: Admin/Default
    BMS2Entities _db = new BMS2Entities();
    public ActionResult Index()
    {
        var emp = _db.AspNetUsers.ToList();
        return Json(emp, JsonRequestBehavior.AllowGet);
    }

And index.cshtml and index.js file inside:

index.js contains server call to usercontroller inside admin area:

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

$http({ method: 'Get', url: 'Areas/Admin/User/Index' })
            .then(function (response) {
                $scope.depts = response.data;
            });

});

and finally myapp.js file for routing:

var app = angular.module('myAppS', ['ngRoute']);

app.config(function ($routeProvider) {

$routeProvider.when('/User', {
    templateUrl: 'Areas/Admin/Views/User/Index.cshtml',
    controller: 'userController'
});

$routeProvider.otherwise({
    redirectTo: '/'
});

});

but the codes are not working and it does not display cshtml and shows https://localhost:44382/Common/Home#/User in the browser.

PalamCoder · Accepted Answer · 2017-03-20 10:58:45Z

1

$routeProvider.when('/User', { templateUrl: 'Areas/Admin/Views/User/Index.cshtml', controller: 'userController' });

You need to prefix root path in templateUrl and same thing in while calling controller's action.

answered Mar 20, 2017 at 10:58

PalamCoder

701 silver badge9 bronze badges

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

Comments

DishaJoshi · Accepted Answer · 2017-03-20 09:32:04Z

0

Did you write ng-app directive in layout.cshtml? And I think the syntax for tag should be like

<a href="/#/User">User</a>

Hope this Helps!

answered Mar 20, 2017 at 9:32

DishaJoshi

112 bronze badges

Collectives™ on Stack Overflow

Angular Routing with Asp.net mvc areas and cshtml not working

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