Routing Asp.Net AngularJs

Question

I am having a porblem with the ng-view which doesn't want to load. If I press on a link I get the following Url: http://localhost:63024/Home/Index#/routeOne

Code for my controller:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }
    public ActionResult One()
    {
        return View();
    }

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

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

So a very simple Controller.

And the following routing:

var configFunction = function ($routeProvider) {
$routeProvider.
    when('/routeOne', {
        templateUrl: 'Home/one'
    })
    .when('/routeTwo', {
        templateUrl: 'Home/two'
    })
    .when('/routeThree', {
        templateUrl: 'Home/three'
    });
}
configFunction.$inject = ['$routeProvider'];

myApp.config(configFunction);

And the following view:

<ul>
   <li><a href="#/routeOne">Route One</a></li>
   <li><a href="#/routeTwo">Route Two</a></li>
   <li><a href="#/routeThree">Route Three</a></li>
</ul>

<div ng-view></div>

You are mixing Angular routing (client side) with ASP.net routing (server side) - they aren't the same... typically you would use Angular routing to "navigate" to views without involving server routing (Angular will obtain a new view/template via Ajax/XHR) — EdSF
– EdSF, Commented Jan 23, 2016 at 2:50
So I should provide only one routing engine, either the Angular routing or the Asp.net routing? — Tom el Safadi
– Tom el Safadi, Commented Jan 23, 2016 at 10:39
I don't want to say Angular is only for SPA (single page applications), because it is not, however, that is where it shines. I will also not say you can't mix server and client side when using Angular because you can (I do). It depends on what you are trying to accomplish - e.g. the famous "todo app" Angular tutorial could just be one part of your web site, where Angular does all the "todo application" processes/routing in a single "page" via AJAX/XHR (but the "page" itself in is an ASP.net view that a user navigated to from other parts of your web site via ASP.net routing). Hth.... — EdSF
– EdSF, Commented Jan 23, 2016 at 16:06

Tim Snow · Accepted Answer · 2016-01-22 23:32:00Z

1

have you specified views for those controller actions in the mvc app, and ng-controller / ng-app on the angular side? (posting this as answer as i can't post a comment)

answered Jan 22, 2016 at 23:32

Tim Snow

3451 silver badge4 bronze badges

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

Collectives™ on Stack Overflow

Routing Asp.Net AngularJs

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