How to stop MVC routing and allow only angular routing in MVC5 application?

Question

0.00/5 (No votes)

See more:

I am working on a MVC5 application.
I have to apply Angular routing to it and am able to apply that.
But on any postback the application goes back to the MVC routing again.
Please suggest how to stop MVC routing when we intend to use angular routing in a MVC application?

For ex : I have a set of scaffold pages for a table to perform CRUD operations.
To apply Angular routing it seems the Layout of the views to be made null.
So on a save button click in Create or Edit, the data gets saved but because of its postback, the routing changes from angular to mvc and the page gets displayed with out a layout which means it is going to mvc routing.
Please suggest.

Posted 12-Nov-15 17:35pm

goshan2011

Updated 12-Nov-15 17:40pm

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

onelopez · Answer 1 · 2015-11-12T17:59:00

Solution 1

We had the same issue here and had to use the html5Mode to turn it off and use hash routing instead. This seems to solve our issue with the MVC and Angular routing

JavaScript

$location.html5Mode ( false ) ;

Posted 12-Nov-15 17:59pm

onelopez

Comments

goshan2011 13-Nov-15 0:26am

If # routing is used then @html.Actionlink wont work which is there in all scafold pages.

onelopez 13-Nov-15 0:59am

can't use the actionlink when using angular's routing. you have to use angular's routing mechanism to change the ui

Abhinav S · Answer 2 · 2015-11-12T18:00:00

Solution 2

Remove the routes set in the Global.asax file.

However, this should not be required. Both routing from angular and mvc can exist together.
Its how and where you call views (angular and MVC) that will matter.

Posted 12-Nov-15 18:00pm

Abhinav S

Comments

goshan2011 13-Nov-15 0:32am

The routing from both can exist together but the problem is as i mentioned in the example i.e in the Create view of the scafold templates for crud operations for a table, the layout has to be made null to activate angular routing. On Save button click in the Create view, data gets inserted in the db but on this action, page postback happens and the angular routing is lost and because the layout is made null for the Create view..the page looks in the browser with out layout and goes to mvc routing...am i missing any thing here.... i just started learning a mix of mvc and angular js ...pls suggest the fundamentals even if i miss...